Accessing the Library
Click Library in the sidebar navigation to open the unified library view.What’s in the Library
The Library shows three types of reusable code, each with a visual indicator:| Type | Icon | Color | Purpose |
|---|---|---|---|
| Snippet | Single circle | Amber | Code templates with variables |
| Block | Double circles | Emerald | Reusable code modules |
| Kit | Triple circles | Violet | Complete feature packages |
- Snippets are small, atomic code fragments
- Blocks are self-contained modules
- Kits are comprehensive packages
Filtering and Search
Search
Use the search bar to find items by name or description. Search works across all types.Type Filter
Filter by type using the buttons:- All: Show everything
- Snippets: Only code templates
- Blocks: Only reusable modules
- Kits: Only feature packages
Library Cards
Each item displays:- Name: The item’s title
- Description: Brief explanation of what it does
- Type badge: Snippet, Block, or Kit with colored indicator
- Category: How the item is categorized
- Language indicators: Icons showing if it contains JS and/or CSS
- Usage count: How many times the item has been installed or used
- Public indicator: Globe icon if the item is publicly shared
Card Sizes
Cards are styled differently by type to reinforce the hierarchy:- Snippets: Compact with subtle left border
- Blocks: Medium with standard border
- Kits: Larger with prominent border
Opening Items
Click any card to open that item:- Snippets open in the Snippet editor
- Blocks open in the Block editor
- Kits open in the Kit viewer
Public vs Private
Items can be private (only you) or public (shared with the community):- Private items: Created by you, visible only to you and your team
- Public items: Shared with all GoodCraft Script users, marked with a globe icon
Relationship to Other Pages
The Library is a read-only aggregation view. To create new items, use the dedicated pages:- New Snippet: Go to Snippets in the sidebar
- New Block: Go to Blocks in the sidebar
- New Kit: Go to Kits in the sidebar
Best Practices
Use consistent naming
Use consistent naming
Name your items clearly so they’re easy to find. Include the feature or purpose in the name.
Add descriptions
Add descriptions
Good descriptions help you (and others) quickly understand what an item does without opening it.
Organize with categories
Organize with categories
Assign appropriate categories to make filtering more effective:
- Animation
- Forms
- Navigation
- Utilities
- etc.
Share common patterns
Share common patterns