Navigation
  • Dashboard
  • Inbox
  • Calendar
  • Search
Projects
  • Design System
  • Marketing Site
  • Mobile App
Settings
  • Settings
  • Help & Support
  • JD
    John Doe [email protected]

Showcase

GitHub

Component showcase

Every preview in app/views/previews, generated from PreviewRegistry.manifest. Drop a file into a component directory and it appears here — no registration.

Components

21

Previews

71

Preview URLs take query parameters
  • ?theme=dark — dark mode (the docs site's own toggle; do not add values to it)
  • ?color_theme=neutral|green|rose|blue — color theme
  • ?shape_theme=brutal|soft — shape theme, token values only

Specimens

Cross-component pages: every state, every token role. Open one with a shape theme to watch the token layer move the whole library at once.

Elevation
Open Brutal Soft
Marks
Open Brutal Soft
Shape
Open Brutal Soft
States
Open Brutal Soft

Components

Preview index
Alert
5 previews
Default Destructive Info Success Warning
Badge
4 previews
Default Sizes Variants With Icons
Breadcrumbs
5 previews
Custom Separators Default Responsive With Ellipsis With Icons
Calendar
5 previews
Default Monday Start Range Single With Constraints
Card
4 previews
Default Simple With Footer With Header
Combobox
3 previews
Default With Groups With Selection
Date Picker
5 previews
Default Disabled Range With Constraints With Selection
Drawer
2 previews
Default Left Side
Dropdown Menu
4 previews
Default Icon Trigger With Icons With Shortcuts
Empty
4 previews
Compact Default Outline With Action
Form
8 previews
Button Checkbox Default Input Radio Select Switch Textarea
Header
3 previews
Default With Actions With Breadcrumbs
Pagination
1 preview
Default
Separator
2 previews
Default Vertical
Sidebar
1 preview
Default
Stats
3 previews
Card Default With Action
Table
3 previews
Bordered Default Striped
Theming
3 previews
Elevation Marks Shape
Toast
1 preview
Default
Toggle Group
1 preview
Default