Skip to contentVibraUI
Last update on Oct 12, 2026:Sixteen new components, each in a page of the kit

Build faster with pre‑built shadcn/ui dashboards from Vibra UI

Launch your project with 13 admin dashboard templates, 109 application pages, 227 widgets, 285 sections and 207 components, each one source in your repository. Stop building everything from scratch: every item runs on shadcn/ui and Base UI, built for React 19, Next.js 16 and Tailwind CSS v4.

Get started
Made by @ekibuilds, follow along on X (opens in a new tab)
What is in the kit

Everything a dashboard needs, in one kit

Whole dashboards, the parts to build your own and a theme in your colours — every piece installed as source you can edit.

Admin dashboards, pages & components

13 production-ready dashboards, 109 pages between them, and the 207 components they are built from. Each one installs as source, with the sample data it reads.

109 pages

Explore it now
The Analytics overview page — a product analytics dashboard: sidebar shell, four headline metrics with sparklines, traffic over time, sources, top pages, team activity, and the newest signups.

A picture of saas-overview. The button runs the real page here, sample data and all.

Components, sections & widgets

Save time with 285 sections, 227 widgets and 446 component variants, tailored for a wide range of use cases. No need to reinvent common UI patterns.

207+ components

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.

Read the installation guide
  • React 19
  • TypeScript
  • Vite
  • Next.js 16
  • Tailwind v4
  • Base UI
React 19, TypeScript, Vite, Next.js 16, Tailwind CSS v4 and Base UI, all wired to the kit.

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
Last update: Oct 12, 2026

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, 207 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
  • 227 WidgetsOne card of a page
  • 285 SectionsBands to build pages from
  • 207 ComponentsMetrics, charts, tables, inputs
  • 446 VariantsOf the base components
Theme generator

Design your own theme

Pick an accent, a mode, a radius and a rhythm, and the dashboard below repaints as you go. The full generator adds a neutral ladder, a face and the chart palette, measures the contrast of every text tier and writes the CSS — 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
Pricing

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.

The one plan

$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
  • 227 widgets
  • 285 sections
  • 207 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