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.

Radix UIBase UI

Radix-backed shadcn/ui primitives and story examples.

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 alias
Configuration and direct URL

components.json

{
  // ...rest of your components.json
  "registries": {
    "@storybook": "https://registry.lloydrichards.dev/v3/radix/{name}.json"
  }
}

Direct URL

Component stories

60

Accordion Story

Interactive Storybook stories demonstrating accordion component usage and variants

radix
JSONPreview

Alert Story

Interactive Storybook stories demonstrating alert component usage and variants

radix
JSONPreview

Alert Dialog Story

Interactive Storybook stories demonstrating alert dialog component usage and variants

radix
JSONPreview

Aspect Ratio Story

Interactive Storybook stories demonstrating aspect ratio component usage and variants

radix
JSONPreview

Avatar Story

Interactive Storybook stories demonstrating avatar component usage and variants

radix
JSONPreview

Badge Story

Interactive Storybook stories demonstrating badge component usage and variants

radix
JSONPreview

Breadcrumb Story

Interactive Storybook stories demonstrating breadcrumb component usage and variants

radix
JSONPreview

Button Story

Interactive Storybook stories demonstrating button component usage and variants

radix
JSONPreview

Button Group Story

Interactive Storybook stories demonstrating button group component usage and variants

radix
JSONPreview

Calendar Story

Interactive Storybook stories demonstrating calendar component usage and variants

radix
JSONPreview

Card Story

Interactive Storybook stories demonstrating card component usage and variants

radix
JSONPreview

Carousel Story

Interactive Storybook stories demonstrating carousel component usage and variants

radix
JSONPreview

Chart Story

Interactive Storybook stories demonstrating chart component usage and variants

radix
JSONPreview

Checkbox Story

Interactive Storybook stories demonstrating checkbox component usage and variants

radix
JSONPreview

Collapsible Story

Interactive Storybook stories demonstrating collapsible component usage and variants

radix
JSONPreview

Command Story

Interactive Storybook stories demonstrating command component usage and variants

radix
JSONPreview

Context Menu Story

Interactive Storybook stories demonstrating context menu component usage and variants

radix
JSONPreview

Date Picker Story

Interactive Storybook stories demonstrating date picker component usage and variants

radix
JSONPreview

Dialog Story

Interactive Storybook stories demonstrating dialog component usage and variants

radix
JSONPreview

Drawer Story

Interactive Storybook stories demonstrating drawer component usage and variants

radix
JSONPreview

Dropdown Menu Story

Interactive Storybook stories demonstrating dropdown menu component usage and variants

radix
JSONPreview

Empty Story

Interactive Storybook stories demonstrating empty state component usage and variants

radix
JSONPreview

Field Story

Interactive Storybook stories demonstrating field component usage and variants

radix
JSONPreview

Form (React Hook Form) Story

Interactive Storybook stories demonstrating form usage with React Hook Form

radix
JSONPreview

Form (TanStack Form) Story

Interactive Storybook stories demonstrating form usage with TanStack Form

radix
JSONPreview

Hover Card Story

Interactive Storybook stories demonstrating hover card component usage and variants

radix
JSONPreview

Input Group Story

Interactive Storybook stories demonstrating input group component usage and variants

radix
JSONPreview

Input Story

Interactive Storybook stories demonstrating input component usage and variants

radix
JSONPreview

Input OTP Story

Interactive Storybook stories demonstrating OTP input component usage and variants

radix
JSONPreview

Item Story

Interactive Storybook stories demonstrating item component usage and variants

radix
JSONPreview

Kbd Story

Interactive Storybook stories demonstrating keyboard shortcut component usage and variants

radix
JSONPreview

Label Story

Interactive Storybook stories demonstrating label component usage and variants

radix
JSONPreview

Menubar Story

Interactive Storybook stories demonstrating menubar component usage and variants

radix
JSONPreview

Navigation Menu Story

Interactive Storybook stories demonstrating navigation menu component usage and variants

radix
JSONPreview

Pagination Story

Interactive Storybook stories demonstrating pagination component usage and variants

radix
JSONPreview

Popover Story

Interactive Storybook stories demonstrating popover component usage and variants

radix
JSONPreview

Progress Story

Interactive Storybook stories demonstrating progress component usage and variants

radix
JSONPreview

Radio Group Story

Interactive Storybook stories demonstrating radio group component usage and variants

radix
JSONPreview

Resizable Story

Interactive Storybook stories demonstrating resizable component usage and variants

radix
JSONPreview

Scroll Area Story

Interactive Storybook stories demonstrating scroll area component usage and variants

radix
JSONPreview

Select Story

Interactive Storybook stories demonstrating select component usage and variants

radix
JSONPreview

Separator Story

Interactive Storybook stories demonstrating separator component usage and variants

radix
JSONPreview

Sheet Story

Interactive Storybook stories demonstrating sheet component usage and variants

radix
JSONPreview

Sidebar Story

Interactive Storybook stories demonstrating sidebar component usage and variants

radix
JSONPreview

Skeleton Story

Interactive Storybook stories demonstrating skeleton component usage and variants

radix
JSONPreview

Slider Story

Interactive Storybook stories demonstrating slider component usage and variants

radix
JSONPreview

Sonner Story

Interactive Storybook stories demonstrating toast notifications usage and variants

radix
JSONPreview

Spinner Story

Interactive Storybook stories demonstrating loading spinner component usage and variants

radix
JSONPreview

Switch Story

Interactive Storybook stories demonstrating switch component usage and variants

radix
JSONPreview

Table Story

Interactive Storybook stories demonstrating table component usage and variants

radix
JSONPreview

Tabs Story

Interactive Storybook stories demonstrating tabs component usage and variants

radix
JSONPreview

Textarea Story

Interactive Storybook stories demonstrating textarea component usage and variants

radix
JSONPreview

Toggle Story

Interactive Storybook stories demonstrating toggle component usage and variants

radix
JSONPreview

Toggle Group Story

Interactive Storybook stories demonstrating toggle group component usage and variants

radix
JSONPreview

Tooltip Story

Interactive Storybook stories demonstrating tooltip component usage and variants

radix
JSONPreview

Attachment Story

Storybook stories demonstrating attachment component files, previews, states, actions, and triggers

radix
JSONPreview

Bubble Story

Storybook stories demonstrating bubble component variants, alignment, reactions, and interactive content

radix
JSONPreview

Marker Story

Storybook stories demonstrating marker component status rows, separators, icons, links, and buttons

radix
JSONPreview

Message Story

Storybook stories demonstrating message component layout, avatars, actions, status, and attachments

radix
JSONPreview

Message Scroller Story

Storybook stories demonstrating message scroller anchoring, streaming, history loading, and jump controls

radix
JSONPreview

Design token stories

5

Color Story

Design system documentation and examples for color tokens and themes

radix
JSONPreview

Radius Story

Design system documentation and examples for border radius tokens

radix
JSONPreview

Shadow Story

Design system documentation and examples for shadow tokens

radix
JSONPreview

Spacing Story

Design system documentation and examples for spacing tokens

radix
JSONPreview

Typography Story

Design system documentation and examples for typography tokens

radix
JSONPreview

Utility stories

1

All Stories

Complete collection of all Storybook stories in the registry for bulk installation

radix
JSONPreview