Docs Components Blocks Pages

Sections

Introduction Components Installation Theming

Components

Components Accordion AI Chat Input Alert Animated Group Animated Number Avatar Badge Border Trail Breadcrumb Button Button Group Calendar Picker Card Chart Checkbox Collapsible Combobox Command Context Menu Credit Card Data Table Date Picker Dialog Dropdown Menu Empty Field Filters Full Calendar Glow Effect Input Input Group Input OTP Item Kanban Kbd Menubar Novel Editor Pagination Progress Progressive Blur Radio Group Select Separator Sheet Skeleton Slider Sonner Spinner Spotlight Switch Table Tabs Text Effect Text Shimmer Textarea Toggle Toggle Group Tree Typography

Blocks

Pre-built UI patterns composed from Saturation UI components.

Authentication

Modern authentication form with email/password login and SSO options for Google and Apple.

Navigation

Collapsible sidebar component with logo, navigation menu, and user profile sections.

Data Display

An interactive credit card display with gradient themes, masked details, copy-to-clipboard, and spotlight effect.

A card component for displaying project information with a gradient background and context menu.

A folder-like component for organizing and displaying multiple projects in a grid layout.

A contact card with expandable details in a sheet, including personal info, notes, and attachments.

Forms

An overtime rate configuration component with base hours, multipliers, and column selection.

Widgets

A futuristic widget for displaying budget information with progressive blur and spotlight effects.

Productivity

AI agent chat interface with tool calling, file uploads, and step-by-step execution visualization.

Comments Sidebar

Collaborative comments sidebar with threading, resolve status, viewer tracking, and rich text input.

Interactive timeline view with draggable task bars for scheduling and project planning.

Spreadsheet Table

Interactive spreadsheet-style table with inline editing, grouping, badges, avatars, and totals.