Skip to contentVibraUI
Connect on X (@ekibuilds)Connect on X (@ekibuilds)
Get started
Docs

Introduction

Vibra UI is a registry of dashboard components — metrics, charts, tables, filters and whole pages — that you install into your own repository with the shadcn CLI and then change as you like.

There are 897 items, across 12 categories: 191 components, 109 pages — each installs as a route — shelved under 13 dashboards that install whole, 223 widgets, each one card cut out of a page, 285 blocks — bands of a page, a hero or a pricing table, each its own file and its data — 22 palettes, compared side by side on Themes, and 54 hooks, libraries and theme files. Each one is a separate install; nothing here arrives as a package.

Built on shadcn/ui

Vibra is not a fork and not a replacement. Every item is composed from shadcn’s primitives — button, card, table, tabs — in Vibra’s restyled copies, published under the same names, and lands in your project as plain TypeScript you can edit. If you already use shadcn/ui, adding the @vibra registry costs you one line of configuration and changes nothing about how you work.

What Vibra adds is the layer above the primitives: the composed pieces a dashboard needs and a component library normally leaves to you. Stat tiles that handle deltas and loading states, filter bars whose menus open searchable checklists, tables with the density controls people expect. Each ships with tokens tuned for data — eight chart hues, four status colours, and a cool neutral scale — so charts and badges look like one system instead of eight decisions.

Install

Point the shadcn CLI at the Vibra registry once, then add items by name. The installation guide covers namespace setup, direct URL installs and copying files by hand.

Catalog

897 published

Every item has its own page: a live preview in both themes, the props it takes, what it depends on, and its full source. The sidebar lists all of them.