Getting Started

Getting Started AI Agents Registry And Distribution Foundations Motion And Reduced Motion

Components

Actions

Button Toggle Toggle Group

Form Controls

Autocomplete Calendar Checkbox Checkbox Group Color Picker Combobox Date Picker Field Fieldset Form Input Input Group Label Number Field OTP Field Radio Group Select Selectable Card Slider Switch Textarea

Feedback

Alert Alert Dialog Empty Meter Progress Skeleton Spinner Toast

Overlays

Command Context Menu Dialog Drawer Dropdown Menu Menu Popover Preview Card Sheet Tooltip

Data Display

Avatar Badge Card Code / CodeBlock Data Table Kbd Resource List Table Timeline

Navigation

Accordion Breadcrumb Collapsible Pagination Stepper Tabs Toolbar

Layout

Frame Group Scroll Area Separator

Animated Controls

Animated Buttons Icon Morphs Theme Toggles

Patterns

Overview Validated Form Destructive Confirmation Settings Switch Rows Sortable Data Table Dashboard Shell Detail Drawer Filter Bar Sidebar Task Calendar

Patterns

Patterns

Reusable compositions built from Siteplane UI primitives.

Validated FormA submitted form with loading, server validation errors and a visible result status.Destructive ConfirmationA destructive account action with explicit cancellation, confirmation and result status.Settings Switch RowsLabelled settings rows with descriptions, icons and a full-row switch target.Sortable Data TableA sortable project table with full-cell sort targets and an active clickable row.Dashboard ShellA dashboard layout with Sidebar, app header and dedicated content scroll region.Detail DrawerInspect row details in a side panel without entering an edit workflow.Filter BarSearch and filters above a table, with active-filter badges and a clear action.SidebarApplication navigation composition built from Siteplane UI primitives.Task CalendarAn operational planning matrix with week columns, clickable day cells, task previews and day details.

Theme Toggles

Two installable animated sun and moon controls for switching themes.

Validated Form

A submitted form with loading, server validation errors and a visible result status.