README.md
March 19, 2026 · View on GitHub
Elements
Full-stack shadcn/ui blocks for auth, payments, AI, logos, and more. Built for Next.js, TypeScript, and the agentic era.
Quick Start
npx shadcn@latest add @elements/clerk-sign-in
npx shadcn@latest add @elements/logos
npx shadcn@latest add @elements/polar-pricing-card
Elements is a trusted shadcn registry -- no manual config needed.
What's Inside
| Category | Elements | Description |
|---|---|---|
| Brand Logos | 154 | Theme-adaptive logos for tech companies and AI services |
| Clerk | 6 | Auth flows: sign-in, sign-up, org switcher, waitlist |
| AI Elements | 37 | Chat, reasoning, tool calls, streaming for Vercel AI SDK |
| Claude Code | 12 | Automation hooks: notifications, safety guards, DX |
| Polar | 5 | Sponsorship badges, pricing cards, license keys |
| UploadThing | 7 | File upload with drag & drop and progress |
| Upstash | 5 | Rate limiting, caching, leaderboards |
| GitHub | 7 | Stars, contributions, repo stats |
| Dev Tools | 9 | JSON viewer, schema viewer, webhook tester |
| SFX | 24 | CC0 sound effects for UI and video |
| Theme Switcher | 6 | Dark/light mode toggles with variants |
| Loaders | 6 | Animated loading indicators |
| 2 | PDF viewer and utilities |
Browse all at tryelements.dev.
Development
bun install
bun dev
bun run build
Ecosystem
| Product | Role | URL |
|---|---|---|
| Elements | Install production-ready blocks | tryelements.dev |
| Tinte | Generate design systems | tinte.dev |
License
MIT License - see LICENSE for details.