Tabs
Switch between related views.
Workspace preferences
Choose how this workspace looks and feels.
- Appearance
- System theme
- Density
- Comfortable
Styled SolidJS components.Built to fit your design system.
Start with accessible components and built-in styles. Set a shared theme, choose component variants, or refine individual parts with UnoCSS or Tailwind CSS.
Make the components yours
Change tokens globally, tune component recipes, or override a single slot when you need to. The same model works with UnoCSS and Tailwind CSS.
Presets
Live preview · Default
Theme
Set shared colors, spacing, and radius.
--primary: hsl(221.2 83.2% 53.3%);
--primary-foreground: hsl(210 40% 98%);
--ring: hsl(221.2 83.2% 53.3%);
--radius: 0.625rem;
--spacing: 0.25rem;
--font-size: 1rem;Recipe
Choose a component variant.
Component
Change one slot for one instance.
Explore the components
Accessible building blocks for forms, navigation, overlays, and everyday interface patterns.
Slider
Choose a value from a range.
Default
Bold
Switch
Choose where deployment alerts appear.
Sent after a deployment.
Shown in your workspace.
Popover
Show content beside an action.
Input number
Step within a defined range.
Explore Input number
Combobox
Search and select from a collection.
Explore Combobox
Dialog
Focus attention on a task.
Accordion
Reveal details without leaving the page.