Components

Browse all Saturation UI components. 60+ accessible, customizable components built with Radix UI and Tailwind CSS.

Components

Beautifully designed components built with Radix UI and Tailwind CSS. Install with the shadcn CLI.

npx shadcn@latest add @saturation-ui/[component]

General

Avatar Badge Button Kbd Label Progress Separator Skeleton Spinner Spin Resolve Split Button Sync Button Typography

Forms & Inputs

Calendar Picker Checkbox Color Picker Combobox Date Picker Emoji Picker Favicon Search Field File Upload Zone Input Input Group Input OTP Radio Group Select Slider Switch Textarea Toggle Toggle Group

Data Display

Accordion Alert Card Chart Circular Progress Code Block Comparison Slider Credit Card Data Table Empty Item Markdown Status Badge Step Timeline Table Table of Contents Tool Call Card Tree

Breadcrumb Command Menubar Page Navigation Pagination Sidebar Tabs

Overlays

Alert Dialog Collapsible Context Menu Dialog Dropdown Menu Hover Card Popover Scroll Area Sheet Tooltip

Layout

Feedback

Sonner Thinking Indicator

Animation & Effects

Animated Group Animated List Animated Number Blur Fade Border Trail Glow Effect Pixel Progressive Blur Ripple Liquid Metal Spotlight Text Effect Loading State Text Shimmer

Productivity

AI Chat Input Coding Agent Copy Button Filters Full Calendar Kanban Novel Editor Theme Toggle Version Selector

PreviousHover Card NextInput Group

On This Page

Components
General
Forms & Inputs
Data Display
Navigation
Overlays
Layout
Feedback
Animation & Effects
Productivity