// 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.
| name | elements |
| description | 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. |
Install production-ready components from tryelements.dev.
npx shadcn@latest add @elements/{name}
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
| 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.
npx shadcn@latest add @elements/ai-badge @elements/generate-badge @elements/use-ai-avatar
npx shadcn@latest add @elements/text-shimmer
npx shadcn@latest add @elements/tinte-editor
Install CC0 sound effects from the Elements registry. Use when user needs UI sounds (click, pop, notification), transition sounds (whoosh, swoosh), cinematic sounds (boom, riser, glitch), or audio for video production. Triggers on "sound effect", "SFX", "audio", "notification sound", "click sound", "whoosh", "UI sound", "sound for video", "play sound", "useSound".
Install Polar monetization components from the Elements registry. Use when user needs pricing cards, sponsor grids, subscription badges, revenue displays, or license key inputs. Triggers on "polar", "monetization", "pricing card", "subscription badge", "sponsor grid", "license key", "revenue card", "sponsorship", "pricing page".
Install theme switcher components from the Elements registry. Use when user needs dark mode toggles, theme switchers, light/dark buttons, or theme dropdowns. Triggers on "theme switcher", "dark mode", "light mode", "theme toggle", "theme button", "switch theme", "dark mode toggle".
Install Upstash serverless components from the Elements registry. Use when user needs rate limit displays, Redis counters, leaderboards, queue status cards, or cache badges. Triggers on "upstash", "rate limit", "redis counter", "leaderboard component", "queue card", "cache badge", "serverless redis".
Install developer tool components from the Elements registry. Use when user needs JSON viewers, API response displays, code diff viewers, CLI output renderers, env editors, error boundaries, webhook testers, or schema viewers. Triggers on "devtools", "json viewer", "API response", "webhook tester", "env editor", "code diff", "schema viewer", "error boundary", "CLI output".
Install GitHub display components from the Elements registry. Use when user needs GitHub repo cards, profile cards, contribution calendars, star counters, language breakdowns, or activity displays. Triggers on "github component", "github card", "repo card", "contributions calendar", "github stars", "github profile", "github activity", "github languages", "star button".