Elements 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-avatarAnimations (1 component)
npx shadcn@latest add @elements/text-shimmerTinte (1 component)
npx shadcn@latest add @elements/tinte-editor