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

Siteplane UI

Source-owned React UI primitives for calm, dense SaaS and dashboard products.

Siteplane UI is a free React component system built on Base UI, Tailwind CSS and source distribution.

Docs

Start with setup, registry distribution and the system foundations.

Components

Browse accepted primitives, variants and usage recipes.

Patterns

Review reusable compositions made from Siteplane UI primitives.

Motion

Configure centralized motion and reduced-motion behavior.