> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getsnippets.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Drag & Drop Organization

> Organize snippets by dragging and dropping them onto folders and tags

## Overview

Drag & drop is the fastest way to organize snippets in Snippets AI. Instead of using menus or dialogs, simply drag snippets to folders or tags to organize your library instantly. This visual, intuitive approach makes organization feel natural and effortless-even with hundreds of snippets.

This guide shows you every drag & drop interaction available in Snippets AI.

## Why Drag & Drop?

Traditional organization methods are slow:

**Old Way:**

1. Select snippet
2. Right-click → "Move to..."
3. Navigate folder tree in dialog
4. Click OK
5. Repeat for each snippet

**With Drag & Drop:**

1. Drag snippet to folder
2. Done

That's 80% faster, and it works with multi-select for batch operations.

## How It Works

<iframe src="https://player.vimeo.com/video/1104085965?h=0&title=0&byline=0&portrait=0&autoplay=1&muted=1" width="100%" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen />

## Dragging Snippets to Folders

### Single Snippet

1. **Click and hold** on a snippet in the main panel
2. **Drag** toward the folder sidebar on the left
3. **Hover** over the target folder
   * Folder highlights when ready to receive
4. **Drop** the snippet
   * Snippet moves to that folder

### Multiple Snippets

Organize multiple snippets at once:

1. **Select snippets**:
   * `Cmd/Ctrl + Click` to select individual snippets
   * `Shift + Click` to select a range
2. **Drag the selection** to target folder
3. **Drop** to move all selected snippets

**Visual Feedback:**

* Badge shows number of snippets being dragged (e.g., "5 snippets")
* All selected snippets move together

### Nested Folders

Drag into nested folder hierarchies:

```
📁 Engineering
  📁 Frontend
    📁 React Components  ← Drop here
    📁 CSS Utilities
  📁 Backend
```

**Tips:**

* Folders automatically expand when you hover during drag
* Wait \~1 second hovering over a folder to expand it
* Navigate deep hierarchies without releasing the drag

### Reordering Within Folder

Drag snippets up/down to reorder within the same folder:

1. Drag snippet within the snippet list
2. Blue line shows insertion point
3. Drop to reorder

Useful for priority ordering or logical grouping.

## Dragging Snippets to Tags

### Applying Tags

Drag snippets onto tags to apply tags instantly:

1. **Select one or more snippets**
2. **Drag to the Tags section** in sidebar
3. **Hover over target tag**
   * Tag highlights
4. **Drop**
   * Tag is applied to all dragged snippets
   * Snippets remain in their current folder

**Key Point:** This **adds** the tag; it doesn't move the snippet.

### Multiple Tags

Apply multiple tags in sequence:

1. Select snippets
2. Drag to first tag → Drop
3. Snippets remain selected
4. Drag to second tag → Drop
5. Both tags now applied

Or use tag field to add multiple tags at once.

### Removing Tags

**Method 1: Drag to Remove**

* Drag tag pill from snippet → Drag outside → Drop to remove

**Method 2: Click X**

* Click X on tag pill in snippet

### Tag Organization

Drag tags themselves to reorder:

* Drag tags up/down in tag list
* Most-used tags at top for easy access
* Visual organization, doesn't affect functionality

## Advanced Drag & Drop

### Drag to Create Folders

Speed up folder creation:

1. Drag a snippet to the folder sidebar
2. Hover over "+ New Folder" area (if available)
3. Drop → Dialog appears
4. Name new folder → Enter
5. Snippet moves to new folder

Or:

1. Drag snippet between existing folders
2. Drop in empty space
3. "Create folder here" option appears

### Drag Folders to Reorganize

Move entire folder hierarchies:

**Nesting Folders:**

* Drag `Folder A` onto `Folder B`
* `Folder A` becomes a child of `Folder B`

**Unnesting Folders:**

* Drag nested folder to workspace root
* Folder becomes top-level

**Reordering Folders:**

* Drag folder up/down
* Changes position in sidebar

### Drag Files from Desktop

Import snippets by dragging files:

1. Open Finder/Explorer
2. Select `.txt`, `.md`, `.js`, or any text files
3. Drag files to Snippets AI window
4. Drop onto:
   * Specific folder → Files imported there
   * Main panel → Files imported to current folder
   * Tags → Files imported and tagged

See [Import Snippets guide](/guides/import-snippets) for details.

### Drag to Trash

Quick deletion:

1. Drag snippet(s) toward bottom of window
2. Trash icon appears
3. Drop to delete
4. Snippets move to trash (recoverable for 30 days)

### Drag Between Teams/Workspaces

**Within Same Workspace:**

* Open source team in one window
* Open destination team in another (or use split view)
* Drag snippet from source → Drop in destination
* Snippet is **copied** (original remains)

**Note:** Direct cross-team drag may not be available; use "Copy to Team" or "Move to Team" options instead.

## Visual Feedback & Indicators

### During Drag

**Cursor Changes:**

* ✋ Grab hand when dragging
* 🚫 Not allowed when hovering invalid drop targets
* ✅ Valid drop when over valid targets

**Highlights:**

* Folders highlight when ready to receive
* Tags highlight when hovering
* Blue insertion lines show reorder position

**Ghost Image:**

* Semi-transparent preview of what you're dragging
* Shows snippet thumbnail or count
* Follows cursor

### After Drop

**Success Animation:**

* Brief highlight animation on target
* Snippet appears in new location
* Selection clears (by default)

**Undo Option:**

* Toast notification: "Moved snippet to Folder"
* Click "Undo" to revert
* Available for \~5 seconds

## Keyboard Modifiers

Enhance drag & drop with keyboard modifiers:

### Copy Instead of Move

**Mac:** Hold `Option` while dragging
**Windows/Linux:** Hold `Ctrl` while dragging

* Snippet is copied to destination instead of moved
* Original remains in source folder
* Cursor shows "+" icon

### Force Move

**Mac:** Hold `Cmd` while dragging
**Windows/Linux:** Hold `Alt` while dragging

* Ensures snippet is moved (not copied)
* Useful when default behavior is copy

### Multi-Select During Drag

Hold `Cmd/Ctrl` and click additional snippets while dragging:

* Add more snippets to current drag operation mid-drag
* Advanced technique for power users

## Best Practices

<Tip>
  **Use Multi-Select**: Select multiple snippets first, then drag once. Way
  faster than dragging one by one.
</Tip>

<Tip>
  **Hover to Expand**: When dragging to nested folders, hover over parent
  folders to expand them and see subfolders.
</Tip>

<Tip>
  **Undo Liberally**: Made a mistake? Undo is available for recent operations.
  Experiment freely.
</Tip>

<Tip>
  **Tags Don't Move**: Remember that dragging to tags *applies* tags but doesn't
  move snippets. Use folders to move.
</Tip>

<Tip>
  **Visual Scanning**: Arrange your sidebar with most-used folders and tags at
  top for faster drag & drop access.
</Tip>

## Common Workflows

### Bulk Organization

Organize a batch of new snippets:

1. Select all unorganized snippets
2. For each category:
   * Select relevant snippets
   * Drag to appropriate folder
   * Repeat
3. Apply tags as needed:
   * Select by topic
   * Drag to tags

### Project Cleanup

At end of project, reorganize snippets:

1. Create "Project Archive" folder
2. Select all project snippets
3. Drag to archive folder
4. Remove project-specific tags

### Tag Application Sprint

Quickly tag existing snippets:

1. Sort snippets by type or topic
2. Select first batch
3. Drag to appropriate tag
4. Select next batch
5. Drag to next tag
6. Repeat until all tagged

### Folder Restructuring

Reorganizing folder hierarchy:

1. Drag subfolder out of parent (unnest)
2. Create new parent folder
3. Drag related folders into new parent
4. Reorder folders by dragging up/down
5. Review and adjust

## Troubleshooting

### Drag Not Working

If drag & drop doesn't respond:

1. **Selection Issue**: Ensure snippet is actually selected (click once)
2. **Permissions**: Check if you have edit permissions for the folder
3. **App State**: Try refreshing the app or restarting
4. **Conflicting Modifiers**: Release all keyboard keys and try again

### Drop in Wrong Location

If snippet dropped in wrong place:

1. **Immediately Undo**: `Cmd/Ctrl + Z` or click Undo toast
2. **Try Again**: Use more precise hovering before dropping
3. **Zoom In**: If sidebar is cramped, expand it for easier targeting

### Can't Drag to Certain Folders

If some folders don't accept drops:

1. **Permission Restricted**: You may not have edit access to that folder
2. **Read-Only Team**: Team may be configured as read-only
3. **Archived Folder**: Can't add snippets to archived folders

### Accidental Deletions

If you drag to trash by mistake:

1. Open Trash folder
2. Select deleted snippet(s)
3. Click "Restore"
4. Snippets return to original location

## Performance Tips

### Large Selections

Dragging 100+ snippets at once:

* May have slight delay before operation completes
* Progress indicator appears for large operations
* Don't interrupt-wait for completion

### Over Slow Network

If using Snippets AI with slow internet:

* Drag operations may take longer to sync
* Continue working-changes queue and sync when ready
* Check sync status icon

## What's Next

<Card title="Folders & Tags Management" icon="folder-tree" href="/guides/folders-tags-management">
  Learn more about creating and organizing folders and tags
</Card>

<Card title="Import Snippets" icon="file-import" href="/guides/import-snippets">
  Drag files from your desktop to import as snippets
</Card>

<Card title="Moving Snippets Between Teams" icon="arrow-right" href="/guides/move-snippets-teams">
  Learn other methods for moving snippets across teams
</Card>