> ## 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.
# Folders & Tags Management
> Organize snippets with folders and tags using drag & drop
## Overview
Snippets AI gives you powerful organization tools to keep your snippet library structured and searchable. With folders and tags, you can create a system that scales from dozens to thousands of snippets-and drag & drop makes organization effortless.
This guide shows you how to create, nest, and manage folders and tags to build the perfect organizational structure for your team.
## Why Organization Matters
As your snippet library grows, organization becomes critical:
* **Findability**: Locate snippets in seconds instead of minutes
* **Team Clarity**: Everyone knows where to find and save snippets
* **Scalability**: Structure works with 10 snippets or 10,000
* **Context**: Organize by project, type, team, or any taxonomy you need
* **Efficiency**: Less time organizing, more time using snippets
## How It Works
## Folders
Folders provide hierarchical organization for your snippets.
### Creating Folders
**Method 1: Right-Click Menu**
1. Right-click in the folder list sidebar
2. Select "New Folder"
3. Name your folder
4. Press Enter
**Method 2: Toolbar Button**
1. Click the "+" button in the folders section
2. Enter folder name
3. Press Enter
### Nested Folders
Create nested folder hierarchies for complex organization:
```
📁 Engineering
📁 Frontend
📁 React Components
📁 CSS Utilities
📁 TypeScript Types
📁 Backend
📁 API Routes
📁 Database Queries
📁 Authentication
📁 DevOps
📁 Docker
📁 CI/CD
📁 Deployment Scripts
```
**To Create Nested Folders:**
1. Click the parent folder to select it
2. Right-click → "New Subfolder"
3. Or drag an existing folder onto another folder to nest it
### Drag & Drop Folders
Reorganize your folder structure effortlessly:
**Moving Folders:**
* Drag a folder onto another folder to nest it
* Drag a folder to root level to unnest it
* Drag folders up/down to reorder at same level
**Visual Feedback:**
* Hover indicator shows where folder will be placed
* Drop zones highlight when dragging
* Can't drop folder into itself (prevented)
### Folder Properties
Each folder can have:
* **Name**: Descriptive folder name
* **Color**: Optional color coding for visual organization
* **Icon**: Custom icon (emoji or icon library)
* **Description**: Optional description for team context
## Tags
Tags provide flexible, non-hierarchical organization that complements folders.
### Creating Tags
**Method 1: In Snippet Editor**
1. Open any snippet
2. Click in the tags field
3. Type tag name and press Enter
4. Tag is created and applied
**Method 2: Tags Panel**
1. Navigate to Tags section in sidebar
2. Click "+" to create new tag
3. Name your tag
4. Apply to snippets as needed
### Tag Naming Conventions
Good tag practices:
**Use Prefixes for Categories:**
```
#type-prompt
#type-code
#type-query
#project-website
#project-mobile-app
#lang-javascript
#lang-python
#lang-sql
#ai-chatgpt
#ai-claude
#ai-cursor
```
**Keep Tags Focused:**
* ✅ `#authentication`
* ✅ `#api-design`
* ✅ `#error-handling`
* ❌ `#this-is-a-very-long-tag-name-that-explains-everything`
### Multiple Tags Per Snippet
Snippets can have multiple tags:
```
Snippet: "React Auth Component"
Tags: #react #frontend #authentication #typescript #component
```
This enables finding the snippet through multiple paths.
### Nested Tags
Create tag hierarchies with prefixes or separators:
**Prefix Method:**
```
#ai
#ai-prompts
#ai-prompts-chatgpt
#ai-prompts-claude
```
**Slash Method:**
```
#code/react
#code/react/hooks
#code/react/components
```
Choose a convention and stick with it team-wide.
### Drag & Drop Tags
Organize tags visually:
**Reordering:**
* Drag tags up/down in the tags list to reorder
* Most-used tags at the top for quick access
**Tag Merging:**
* Drag one tag onto another to merge them
* All snippets with source tag get destination tag
* Useful for consolidating duplicate tags
**Tag Groups:**
* Drag tags into groups (if using prefix system)
* Visual grouping for related tags
## Drag & Drop Organization
The key to fast organization is drag & drop everywhere.
### Dragging Snippets to Folders
1. Select one or more snippets
2. Drag them to target folder in sidebar
3. Drop to move snippets to that folder
**Multi-Select:**
* `Cmd/Ctrl + Click` to select multiple snippets
* `Shift + Click` to select range
* Drag entire selection at once
### Dragging Snippets to Tags
1. Select snippets
2. Drag to tag in sidebar
3. Drop to apply that tag to all selected snippets
### Dragging Files to Import
Import external files by dragging them:
1. Drag `.txt`, `.md`, `.js`, or other text files from Finder/Explorer
2. Drop onto Snippets AI window
3. Files are imported as new snippets (see [Import Snippets guide](/guides/import-snippets))
## Folder vs. Tag Strategy
When to use folders vs. tags:
### Use Folders For:
* **Primary organization structure** (projects, teams, categories)
* **Hierarchical relationships** (parent-child relationships)
* **Team structure** (mirrors your org chart)
* **Sequential workflows** (step 1, step 2, step 3)
### Use Tags For:
* **Cross-cutting concerns** (language, tool, topic)
* **Multiple categorizations** (snippet belongs to multiple contexts)
* **Dynamic grouping** (quick filters)
* **Searchability** (keywords for finding snippets)
### Combined Example:
```
📁 Folder Structure (Hierarchy):
📁 Frontend Team
📁 Components
📁 Utilities
📁 Backend Team
📁 APIs
📁 Database
🏷️ Tag Strategy (Cross-cutting):
#javascript #typescript #python
#api #database #auth
#chatgpt #cursor #claude
#production #development #testing
```
A snippet can live in **one folder** but have **multiple tags**.
## Best Practices
**Start Simple**: Begin with a few top-level folders. Add complexity as your
library grows.
**Consistent Naming**: Agree on folder and tag naming conventions with your
team. Document them.
**Don't Over-Organize**: Perfect is the enemy of good. If you spend more time
organizing than using snippets, simplify.
**Use Search**: Even with great organization, search is often faster. Organize
enough to make search effective, not to eliminate search.
**Periodic Cleanup**: Schedule monthly reviews to consolidate tags, remove
duplicates, and refine structure.
## Advanced Organization
### Color Coding Folders
Assign colors to folders for visual scanning:
* 🔴 Red: Urgent/Critical snippets
* 🟢 Green: Approved/Production-ready
* 🔵 Blue: In Development
* 🟡 Yellow: Needs Review
### Folder Templates
Create folder structure templates for new projects:
```
Project Template:
📁 New Project
📁 Planning
📁 Design
📁 Development
📁 Frontend
📁 Backend
📁 Database
📁 Testing
📁 Documentation
📁 Deployment
```
Duplicate this structure when starting new projects.
### Tag Taxonomy
Build a comprehensive tag system:
**Purpose Tags:**
* `#template` - Reusable templates
* `#example` - Example code/prompts
* `#reference` - Reference materials
* `#wip` - Work in progress
**Quality Tags:**
* `#tested` - Tested and verified
* `#approved` - Team-approved
* `#draft` - Not finalized
**Context Tags:**
* `#meeting` - For meetings
* `#client` - Client-facing
* `#internal` - Internal use only
## What's Next
Learn more about organizing snippets with drag & drop
Organize snippets within team structures
Import external files to kickstart your organized library