Build faster with pre‑built pages and components from Vibra UI
Made by @ekibuilds, follow along on X (opens in a new tab)Admin dashboards, pages & components
13 production-ready dashboards, 109 pages between them, and the 191 components they are built from. Each one installs as source, with the sample data it reads.
Explore it now109 pages
A picture of saas-overview. The button runs the real page here, sample data and all.
191+
Components, sections & widgets
Save time with 285 sections, 223 widgets and 446 component variants, tailored for a wide range of use cases. No need to reinvent common UI patterns.
Explore now
Fully compatible with React
The components, the charts and the hooks are plain React and work wherever shadcn/ui does — Vite, Next.js, Remix or TanStack Start. The blocks are Next.js App Router pages, server actions included.
- React 19
- TypeScript
- Vite
- Next.js 16
- Tailwind v4
- Base UI
Wear it in your colours
22 palettes ship as one attribute — set it on any wrapper and every component under it follows — or point the tokens at your own colours. Light and dark,two densities, nothing but CSS variables. See the palettes.
Admin dashboard templates
13 production-ready dashboards, 109 pages between them. Tables, menus, forms, charts and the sample data behind them, so there is nothing to build from scratch.
Hundreds of production-ready pages and components
Discover 109 pages, 285 sections, 191 components and 446 component variants, designed to accelerate your workflow. Every one is easy to use, fully customizable and built with clean, maintainable code — install it through the shadcn registry, or copy it from the source view.
- 13 DashboardsA sidebar and its pages
- 109 PagesEach one a route
- 223 WidgetsOne card of a page
- 285 SectionsBands to build pages from
- 191 ComponentsMetrics, charts, tables, inputs
- 446 VariantsOf the base components
Design your own theme
Pick an accent, a neutral ladder, a radius, a face and a rhythm, and a real dashboard page repaints as you go — with the contrast of every text tier measured, not assumed. Or start from one of 22 palettes, each one attribute on any wrapper.
- Light & dark mode
- 22 palettes
- One data-preset attribute
- Two densities
- CSS variables only
- Export to your codebase
Free, for everything
The whole registry is free to use: no account, no license key, no paid tier, and client and commercial work included. What the CLI copies into your repository is yours to change.
$0
Everything on this site, for every project, commercial or not. No card, no seat count, no account to make.
What is included
- 13 admin dashboards
- 109 application pages
- 223 widgets
- 285 sections
- 191 components
- 446 component variants
- shadcn CLI installs, by name or by URL
- Light and dark, every palette, two densities
- Source in your repository — edit any of it
- Continuous updates, no version to bump
- Support from @ekibuilds on X
- Figma fileSoon
- MCP serverSoon
Frequently asked questions
General
Pricing
Licenses
Support
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/stat-card