Switch product

Portfolio & personal site

Beautiful phone & SMS

Mock backend for prototyping

Large-file version control

Instant file transfer

byronwade/ui
/
Docs
/
cn()

cn()

byronwade/ui

/

Docs

/

cn()

Home Docs Components Layouts Templates

esc

Pages & sections

Components

↑↓navigateopen94 results

Get Started

Introduction Installation Theming AI rules

Foundation

Libraries

cn()Anonymous identity

UI

Status dot Ring gauge Gradient avatar Activity grid Filter pill Segmented control

Composites

Timeline rail Split with rail Hero section Metric stat Centered focal

Primitives

Button Badge Card Status Pill

Forms

Input Textarea Label Select Checkbox Switch Radio Group Toggle Toggle Group Input Group

Overlays

Tooltip Popover Dropdown Menu Dialog Hover Card Sheet Command Navigation Menu

Feedback

Alert Progress Skeleton Sonner

Data display

Tabs Accordion Avatar Separator Breadcrumb Table Aspect Ratio Scroll Area Collapsible

Patterns

Page Header Stat Card Empty State

Charts

House components

Detail Header Section Event Timeline Verification Progress

Morph

useChromeMorph MorphDock

cn()

clsx + tailwind-merge class combiner.

Installation

npx shadcn@latest add @byronwade/utils