About elements
Elements Registry is a skill for installing production-ready components from tryelements.dev. It covers multiple providers and component categories, with separate skills for AI coding tools to guide provider-specific work.
Key features
- 01Install components with shadcn CLI
- 02Provider-specific skills for coding tools
- 03Components across multiple categories
- 04Documentation for browsing components
Use cases
- 01Adding a component to a project
- 02Finding provider-specific components for an interface
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/elementsin Claude Code to confirm it loaded.
Details
From the project READMEElements Registry
Install production-ready components from tryelements.dev.
Install Components
npx shadcn@latest add @elements/{name}
Install Skills (for AI coding tools)
npx skills add crafter-station/elements --skill {skill-name}
Available skills: ai-elements, sfx-elements, devtools-elements, uploadthing-elements, github-elements, theme-elements, polar-elements, upstash-elements, tech-logos
Providers
| Provider | Count | Category | Skill | Docs |
|---|---|---|---|---|
| AI Elements | 35 | AI | /ai-elements | tryelements.dev/docs/ai-elements |
| Brand Logos | 94+ | Brand | /tech-logos | tryelements.dev/docs/logos |
| SFX | 17 | Audio (React + raw MP3) | /sfx-elements | tryelements.dev/docs/sfx |
| Dev Tools | 8 | Dev Tools | /devtools-elements | tryelements.dev/docs/devtools |
| UploadThing | 7 | Files | /uploadthing-elements | tryelements.dev/docs/uploadthing |
| GitHub | 7 | Integration | /github-elements | tryelements.dev/docs/github |
| Theme Switcher | 6 | UI | /theme-elements | tryelements.dev/docs/theme |
| Polar | 5 | Monetization | /polar-elements | tryelements.dev/docs/polar |
| Upstash | 5 | Database | /upstash-elements | tryelements.dev/docs/upstash |
When the user asks about a specific provider, use the corresponding skill above.
Small Providers (no dedicated skill)
AI Badges (3 components)
npx shadcn@latest add @elements/ai-badge @elements/generate-badge @elements/use-ai-avatar
Animations (1 component)
npx shadcn@latest add @elements/text-shimmer
Tinte (1 component)
npx shadcn@latest add @elements/tinte-editor
Browse All
Comments
Markdown supported