elements
Browse and install components from the Elements registry (tryelements.dev). Use when user asks about available components, wants to explore providers, says "elements", "component library", "what components", "install from registry", "tryelements", or needs to find the right component category.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
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-avatar
Animations (1 component)
npx shadcn@latest add @elements/text-shimmer
Tinte (1 component)
npx shadcn@latest add @elements/tinte-editor
Browse All
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-03-11
- Index updated
- 2026-03-11
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!