Foundations
Library
Technology
Brand
ShadCN Components
From ShadCN — built on Base UI (Radix) primitives. Components are copied into the project at webapp/components/ui/, not installed as a package dependency.
25 components installed. Scanned dynamically from components/ui/
Badge.storiesShadCN
components/ui/badge.stories.tsxDocsSee docs for live examples
Button.storiesShadCN
components/ui/button.stories.tsxDocsSee docs for live examples
Card.storiesShadCN
components/ui/card.stories.tsxDocsSee docs for live examples
Input.storiesShadCN
components/ui/input.stories.tsxDocsSee docs for live examples
Scroll AreaShadCN
components/ui/scroll-area.tsxDocsSee docs for live examples
Separator.storiesShadCN
components/ui/separator.stories.tsxDocsSee docs for live examples
Skeleton.storiesShadCN
components/ui/skeleton.stories.tsxDocsSee docs for live examples
Table.storiesShadCN
components/ui/table.stories.tsxDocsSee docs for live examples
Tabs.storiesShadCN
components/ui/tabs.stories.tsxDocsSee docs for live examples
Theme Toggle.storiesShadCN
components/ui/theme-toggle.stories.tsxDocsSee docs for live examples
Theme ToggleShadCN
components/ui/theme-toggle.tsxDocsSee docs for live examples
Tooltip.storiesShadCN
components/ui/tooltip.stories.tsxDocsSee docs for live examples
Add a new component
npx shadcn@latest add [component-name]
Components are copied to webapp/components/ui/ and appear here automatically.