BR-UI · Edition 01
The design system.
BR-UI is an editorial, three-variant component library — Glass, Premium, Sharp. Built on shadcn/ui + Tailwind v4. Available as a shadcn registry so AI coding agents and humans can install any piece with one command.
installnpx shadcn@latest add https://br-design-system2.vercel.app/r/br-ui-all.json
That single command pulls in tokens, component styles, and every primitive + pattern in the system. To install just one piece, swap the URL for the specific item (e.g. br-button).
Browse
Every component below has its own page with a live preview, the code that produced it, the install command, and the prop signatures.
Foundations
Foundations
Colors
→ Preview, code, props
Foundations
Typography
→ Preview, code, props
Foundations
Elevation
→ Preview, code, props
Foundations
Variants
→ Preview, code, props
Primitives
Primitives
Button
→ Preview, code, props
Primitives
Badge
→ Preview, code, props
Primitives
Chip
→ Preview, code, props
Primitives
Input · Field
→ Preview, code, props
Primitives
Select
→ Preview, code, props
Primitives
Checkbox · Radio · Switch
→ Preview, code, props
Primitives
Slider · Stepper
→ Preview, code, props
Primitives
Avatar
→ Preview, code, props
Primitives
Progress · Skeleton
→ Preview, code, props
Primitives
Tabs · Breadcrumbs
→ Preview, code, props
Primitives
Alert · Banner
→ Preview, code, props
Primitives
Table
→ Preview, code, props
Patterns
Patterns
Card · StatCard · CaseCard
→ Preview, code, props
Patterns
Sidebar
→ Preview, code, props
Patterns
Topbar
→ Preview, code, props
Patterns
Hero
→ Preview, code, props
Patterns
BrandCard
→ Preview, code, props
Patterns
Dialog · Sheet · Drawer
→ Preview, code, props
Patterns
Tooltip · Dropdown
→ Preview, code, props
Patterns
Charts
→ Preview, code, props
Patterns
Tweaks Panel
→ Preview, code, props