Documentation/Collections & Tags

Collections & Tags

Master the art of organizing your code snippets with collections, tags, and advanced search features.

Creating Collections

What are Collections?

Collections are folders that help you organize related code snippets. Think of them as projects, categories, or themes that group your code together.

Frontend Utils

12 snippets

API Helpers

8 snippets

Data Processing

15 snippets

Creating Your First Collection

Step-by-step Guide:

  1. Click the "New Collection" button in your dashboard
  2. Enter a descriptive name (e.g., "React Components")
  3. Add an optional description explaining the collection's purpose
  4. Choose privacy settings (private, team, or public)
  5. Select a color theme for easy identification
  6. Click "Create Collection" to save

Collection Settings

Privacy

Who can view this collection

Private

Collaboration

Allow team members to add snippets

Enabled

Auto-organize

Automatically sort snippets by language or date

By Language
Nested Collections

Multi-level Organization

Create hierarchical structures with nested collections for complex project organization.

📁 Web Development
📁 Frontend
📁 React Components
📄 Button.jsx
📄 Modal.jsx
📁 CSS Utilities
📄 Flexbox helpers
📁 Backend
📁 API Routes
📁 Database

Best Practices for Nesting

✓ Good Practices

  • • Keep nesting to 3-4 levels maximum
  • • Use descriptive, consistent naming
  • • Group by project or functionality
  • • Regular cleanup of empty collections

✗ Avoid

  • • Too many nested levels
  • • Ambiguous collection names
  • • Single-snippet collections
  • • Duplicating tag functionality
Tagging System

What are Tags?

Tags are labels that describe the content, purpose, or characteristics of your snippets. Unlike collections, snippets can have multiple tags.

#javascript#async#api#error-handling#fetch#utility

Tag Categories

Technical Tags

javascriptasyncreactnode

Language, framework, or technology-specific

Functional Tags

utilityhelperalgorithmui

Purpose or function of the code

Project Tags

ecommercedashboardmobileprototype

Project or context-specific

Status Tags

drafttestedproductiondeprecated

Development or usage status

Tag Management

Auto-suggestions

Snippet Manager suggests tags based on your code content and existing tags.

Suggestions: fetch, api, error-handling, utility