Accordion Story
Interactive Storybook stories demonstrating accordion component usage and variants
shadcn/uiStorybook registry
Installable Storybook stories for shadcn/ui
Browse ready-made stories for component documentation, interaction tests, and design-token reference across Radix UI and Base UI variants.
Base UI implementations with the same story surface.
66
Total stories
60
Components
5
Design tokens
1
Utilities
Install from this registry
Use the registry alias for day-to-day installs. Keep the direct URL and configuration snippet handy for setup and debugging.
Recommended
Registry aliasConfiguration and direct URL
components.json
{
// ...rest of your components.json
"registries": {
"@storybook": "https://registry.lloydrichards.dev/v3/base/{name}.json"
}
}Direct URL
Component stories
60base
Alert Story
Interactive Storybook stories demonstrating alert component usage and variants
Alert Dialog Story
Interactive Storybook stories demonstrating alert dialog component usage and variants
Aspect Ratio Story
Interactive Storybook stories demonstrating aspect ratio component usage and variants
Avatar Story
Interactive Storybook stories demonstrating avatar component usage and variants
Badge Story
Interactive Storybook stories demonstrating badge component usage and variants
Breadcrumb Story
Interactive Storybook stories demonstrating breadcrumb component usage and variants
Button Story
Interactive Storybook stories demonstrating button component usage and variants
Button Group Story
Interactive Storybook stories demonstrating button group component usage and variants
Calendar Story
Interactive Storybook stories demonstrating calendar component usage and variants
Card Story
Interactive Storybook stories demonstrating card component usage and variants
Carousel Story
Interactive Storybook stories demonstrating carousel component usage and variants
Chart Story
Interactive Storybook stories demonstrating chart component usage and variants
Checkbox Story
Interactive Storybook stories demonstrating checkbox component usage and variants
Collapsible Story
Interactive Storybook stories demonstrating collapsible component usage and variants
Command Story
Interactive Storybook stories demonstrating command component usage and variants
Context Menu Story
Interactive Storybook stories demonstrating context menu component usage and variants
Date Picker Story
Interactive Storybook stories demonstrating date picker component usage and variants
Dialog Story
Interactive Storybook stories demonstrating dialog component usage and variants
Drawer Story
Interactive Storybook stories demonstrating drawer component usage and variants
Dropdown Menu Story
Interactive Storybook stories demonstrating dropdown menu component usage and variants
Empty Story
Interactive Storybook stories demonstrating empty state component usage and variants
Field Story
Interactive Storybook stories demonstrating field component usage and variants
Form (React Hook Form) Story
Interactive Storybook stories demonstrating form usage with React Hook Form
Form (TanStack Form) Story
Interactive Storybook stories demonstrating form usage with TanStack Form
Hover Card Story
Interactive Storybook stories demonstrating hover card component usage and variants
Input Group Story
Interactive Storybook stories demonstrating input group component usage and variants
Input Story
Interactive Storybook stories demonstrating input component usage and variants
Input OTP Story
Interactive Storybook stories demonstrating OTP input component usage and variants
Item Story
Interactive Storybook stories demonstrating item component usage and variants
Kbd Story
Interactive Storybook stories demonstrating keyboard shortcut component usage and variants
Label Story
Interactive Storybook stories demonstrating label component usage and variants
Menubar Story
Interactive Storybook stories demonstrating menubar component usage and variants
Navigation Menu Story
Interactive Storybook stories demonstrating navigation menu component usage and variants
Pagination Story
Interactive Storybook stories demonstrating pagination component usage and variants
Popover Story
Interactive Storybook stories demonstrating popover component usage and variants
Progress Story
Interactive Storybook stories demonstrating progress component usage and variants
Radio Group Story
Interactive Storybook stories demonstrating radio group component usage and variants
Resizable Story
Interactive Storybook stories demonstrating resizable component usage and variants
Scroll Area Story
Interactive Storybook stories demonstrating scroll area component usage and variants
Select Story
Interactive Storybook stories demonstrating select component usage and variants
Separator Story
Interactive Storybook stories demonstrating separator component usage and variants
Sheet Story
Interactive Storybook stories demonstrating sheet component usage and variants
Sidebar Story
Interactive Storybook stories demonstrating sidebar component usage and variants
Skeleton Story
Interactive Storybook stories demonstrating skeleton component usage and variants
Slider Story
Interactive Storybook stories demonstrating slider component usage and variants
Sonner Story
Interactive Storybook stories demonstrating toast notifications usage and variants
Spinner Story
Interactive Storybook stories demonstrating loading spinner component usage and variants
Switch Story
Interactive Storybook stories demonstrating switch component usage and variants
Table Story
Interactive Storybook stories demonstrating table component usage and variants
Tabs Story
Interactive Storybook stories demonstrating tabs component usage and variants
Textarea Story
Interactive Storybook stories demonstrating textarea component usage and variants
Toggle Story
Interactive Storybook stories demonstrating toggle component usage and variants
Toggle Group Story
Interactive Storybook stories demonstrating toggle group component usage and variants
Tooltip Story
Interactive Storybook stories demonstrating tooltip component usage and variants
Attachment Story
Storybook stories demonstrating attachment component files, previews, states, actions, and triggers
Bubble Story
Storybook stories demonstrating bubble component variants, alignment, reactions, and interactive content
Marker Story
Storybook stories demonstrating marker component status rows, separators, icons, links, and buttons
Message Story
Storybook stories demonstrating message component layout, avatars, actions, status, and attachments
Message Scroller Story
Storybook stories demonstrating message scroller anchoring, streaming, history loading, and jump controls
Design token stories
5Color Story
Design system documentation and examples for color tokens and themes
Radius Story
Design system documentation and examples for border radius tokens
Shadow Story
Design system documentation and examples for shadow tokens
Spacing Story
Design system documentation and examples for spacing tokens
Typography Story
Design system documentation and examples for typography tokens