Elements

 

Full-stack shadcn/ui blocks for auth, payments, AI, logos, and more. Built for Next.js, TypeScript, and the agentic era.

Quick Start

bash
npx shadcn@latest add @elements/clerk-sign-innpx shadcn@latest add @elements/logosnpx shadcn@latest add @elements/polar-pricing-card

Elements is a -- no manual config needed.

What's Inside

CategoryElementsDescription
154Theme-adaptive logos for tech companies and AI services
6Auth flows: sign-in, sign-up, org switcher, waitlist
37Chat, reasoning, tool calls, streaming for Vercel AI SDK
12Automation hooks: notifications, safety guards, DX
5Sponsorship badges, pricing cards, license keys
7File upload with drag & drop and progress
5Rate limiting, caching, leaderboards
7Stars, contributions, repo stats
9JSON viewer, schema viewer, webhook tester
24CC0 sound effects for UI and video
6Dark/light mode toggles with variants
6Animated loading indicators
2PDF viewer and utilities

Browse all at .

Development

bash
bun installbun devbun run build

Ecosystem

ProductRoleURL
ElementsInstall production-ready blocks
TinteGenerate design systems

License

MIT License - see LICENSE [blocked] for details.