| Plan | Status | ||
|---|---|---|---|
Ada Parkada@northwind.io | Growth | Active | $490 |
David Coletomas@quarry.dev | Scale | Active | $2,400 |
Mei Tanakamei@halcyon.app | Starter | Active | $0 |
- blocks
- 320
- components
- 23
- categories, 10 variants each
- 32
- free forever
- 320
Works wherever the shadcn CLI does
- Next.js
- Vite
- TanStack
- React Router
- Astro
- Laravel
The app, not just the landing page
Shells, dashboards, auth, settings, billing and tables: the screens your customers use every day.
- App shell10 blocks · 10 free
- Dashboard10 blocks · 10 free
- Authentication10 blocks · 10 free
- Settings10 blocks · 10 free
- Billing10 blocks · 10 free
- Tables10 blocks · 10 free
- Onboarding10 blocks · 10 free
- Empty states10 blocks · 10 free
- AI chat10 blocks · 10 free
- Kanban10 blocks · 10 free
- Calendar10 blocks · 10 free
- Charts10 blocks · 10 free
- Inbox10 blocks · 10 free
- Notifications10 blocks · 10 free
- Files10 blocks · 10 free
- Logs10 blocks · 10 free
See it working, for real
Complete dashboards with live data and working controls. Click around, then copy the pieces you need.
Agent Ops
AIRealtimeSupervise a fleet of AI agents: live token throughput, model routing, rate limits and a streaming trace.
Ticario
HospitalityOperationsMaintenance tickets for a seasonal hotel: photo reports from housekeeping, work timers, closing and validation, rooms, stock and roles.
FiveM Server Admin
GamingDarkRun a GTA RP server: players with moderation actions, live console, reports, resource load and player map.
From blocks to a page you can ship
Assemble a landing page from the library, write your own copy and theme, then download it as a Next.js app.
- Stack blocksAdd any block between two others, swap its variant, drag it into place.
- Write your copyClick a text in the page and type. Your words go into the exported code.
- Set the lookOne accent color, corner radius and fonts for the whole page.
- Keep several pagesLanding, pricing, changelog: each page is saved in your browser.
- Download the appA Next.js project with the blocks, their components and your theme.
Code you own, in the style you already use
Every item is a plain React file built from the shadcn components you know.
One command, real files
The CLI copies the block and everything it depends on into your project. No package to update, nothing hidden in node_modules.
Follows your theme
Colors, radius and fonts come from your CSS variables.
Accessible by default
Built on Radix primitives, with labels, focus states and keyboard support.
Ready for AI agents
Works with the shadcn MCP server, so Claude or Cursor can find and install blocks for you.
“Add a pricing table with a yearly toggle”
Typed and composable
Blocks reuse shared components like stat-card and data-table, so a fix in one place fixes them all.
dashboard-01 uses stat-card, chart-card and data-table
And a landing page to sell it
Headers, heroes, pricing, testimonials and every other section of a SaaS website.
Free to start, Pro when you need more
320 blocks and every component are free and MIT licensed. Pro is a one-time payment with lifetime updates.
Free
Half of every category, forever.
Browse blocks
- 320 blocks
- All 23 components
- MIT license
- Install with the shadcn CLI
Pro
Most popularEverything, for one developer. Pay once, keep it forever.
one-time
Join the waitlist- All 320 blocks
- Full example apps
- Lifetime updates and new blocks
- Private registry access
Team
For agencies and product teams. Pay once, keep it forever.
one-time
Join the waitlist- Everything in Pro
- Up to 10 seats
- Use in client projects
- Lifetime updates
- Priority requests
Questions, answered
Something missing? Open an issue on GitHub.
Start with one block. Keep the whole app.
Set up the registry in a minute, then add screens as you need them.