saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography

Blocks

Pre-built UI patterns composed from Saturation UI components.

Authentication

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

Navigation

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

Data Display

Credit Card
An interactive credit card display with gradient themes, masked details, copy-to-clipboard, and spotlight effect.
Project Card
A card component for displaying project information with a gradient background and context menu.
Project Spaces
A folder-like component for organizing and displaying multiple projects in a grid layout.
Contact Card
A contact card with expandable details in a sheet, including personal info, notes, and attachments.

Forms

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

Widgets

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

Productivity

Agent Chat
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.
Gantt Chart
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.