Components
Typed Svelte 5 components, with Bits UI doing the heavy lifting. Each page keeps a live example and the props that matter.
Buttons
Inputs
Selection
- Checkbox A labeled boolean. Links inside the label stay independent.
- Toggle A pressable control for a single on or off state.
- ToggleGroup One selected item at a time, with arrow-key movement.
- Switch A labeled on or off switch, including a disabled state.
- RadioGroup One choice from a short, visible list, with optional hints.
Identity
Overlays
- Dialog A focused panel with a title, Escape, and focus restoration.
- Popover An anchored panel for a small amount of extra control.
- Tooltip A short hint on hover and keyboard focus.
- DropdownMenu A list of actions behind one trigger, with typeahead and arrow keys.
- AlertDialog A confirmation that holds focus until the person decides.
Disclosure
Cards
Content
- Carousel A horizontal collection with native scrolling and named controls.
- SectionHeader A heading, a description, and an optional action.
- EmptyState A quiet explanation when a collection has nothing to show.
- Alert A message announced when an action needs attention.
- Progress How far a task has come, or that it is still working.
- Separator A hairline between groups, decorative or announced.
- RowList A list of records. Each row supplies its own cells.
- Row One record. Cells share the row and wrap when space runs out.
Chrome
- PortalShell The application frame: sidebar, toolbar, and page content.
- SidebarNav Desktop navigation with an active item and an optional count.
- MobileNav The same destinations, arranged for a narrow viewport.
- TopBar A breadcrumb and a row of toolbar actions.
- AuthFrame A centered brand and panel, compact or reading width.
- ColorSelector Five presets, a gradient, and an exact hex value.
- FloatingNav A white pill bar. Narrow widths open the same links in a menu panel.