Blocks
The bands a page is built from — a hero, a pricing table, a grid of products, a row of stat cards, a dialog — each one file with the copy or the rows it reads, drawn with the components in this registry. Open a category to see every section in it running.
Marketing
The bands of a landing page: what the product is, what it costs, who uses it and how to reach the people behind it.
Ecommerce
The bands of a storefront: products as cards, lists and detail pages, the cart, the checkout and what buyers said.
Application UI
The pieces of a product's own screens: metrics, charts, tables, dialogs, forms and the shell around them.
- Stat cards8 sections
- Charts10 sections
- Tables10 sections
- Modal dialogs16 sections
- Form layouts4 sections
- Sign-in forms6 sections
- Onboarding8 sections
- Page layouts4 sections
- Sidebar layouts4 sections
- Dashboard shell6 sections
- Blog cards4 sections
- Social posts4 sections
- Task cards4 sections
- Welcome cards4 sections
- User menus4 sections
- Switch cards3 sections
- Theme switchers3 sections
- Date pickers4 sections
- Chat bubbles4 sections
Start with a page
One command, and the page — its parts, its sample data, its server actions — is source in your repository. No account, no license key, nothing to keep in step with a release.
npx shadcn@latest add @vibra/hero-01