Reference
All components
62 ViewComponents grouped by category. All listed components are installable today; the old phase labels only describe the original build order.
Actions
Buttons, links, and clickable affordances.
Forms
Form structure, labels, inputs, selects, validation surfaces.
-
Calendar
date display and selection
JS Stable -
Checkbox
boolean preferences
Stable -
Checkbox Group
multi-select boolean groups
Stable -
Combobox
searchable selects
JS Stable -
Date Picker
date input fields
JS Stable -
Form
Rails form_with wrappers
Stable -
Input
text
Stable -
Label
labeling form controls
Stable -
Masked Input
phone
JS Stable -
Native Select
short option lists
Stable -
Radio Button
single-choice option groups
Stable -
Select
styled selects with custom option rendering
JS Stable -
Switch
boolean toggles
Stable -
Textarea
multi-line text
Stable
Overlays
Dialogs, popovers, tooltips, sheets, menus.
-
Alert Dialog
destructive action confirmation
JS Stable -
Context Menu
right-click actions on rows or canvases
JS Stable -
Dialog
confirmation modal
JS Stable -
Dropdown Menu
contextual actions on rows
JS Stable -
Hover Card
user hover previews
JS Stable -
Popover
small contextual UI like filters or color pickers
JS Stable -
Sheet
side panels
JS Stable -
Tooltip
supplementary hints on hover/focus
JS Stable
Navigation
Tabs, breadcrumbs, sidebar, theme toggle, shortcut keys.
-
Accordion
FAQ
JS Stable -
Breadcrumb
hierarchical navigation context
Stable -
Collapsible
single show/hide toggles
JS Stable -
Shortcut Key
displaying keyboard shortcuts in tooltips and menus
Stable -
Sidebar
primary app navigation in dashboards
JS Stable -
Tabs
switching between related views in the same context
JS Stable -
Theme Toggle
light/dark/system theme switching
JS Stable
Layout
Cards, separators, app shells, page headers, aspect ratios.
Data Display
Tables, badges, avatars, progress, skeletons, pagination.
SaaS Blocks
Composite blocks for SaaS apps - settings, billing, team, search, filters.
-
Activity Feed
audit logs
Stable -
Api Key Field
secret key display with reveal/copy/regenerate
JS Stable -
App Shell
SaaS dashboard layout root
Stable -
Billing Plan Card
pricing page or billing settings
Stable -
Bulk Action Bar
acting on multiple selected rows
Stable -
Data Table
sortable
JS Stable -
Empty State
zero-result lists
Stable -
Filter Bar
list filters above tables
Stable -
Invite Member Dialog
team invitation flow
JS Stable -
Page Header
titled page header with actions
Stable -
Search Input
search above lists or in headers
Stable -
Settings Section
grouped settings inside a settings page
Stable -
Stat Card
dashboard KPI tiles
Stable -
Team Member List
team management pages
Stable -
Top Nav
global header with brand and account menu
Stable
Rich Content
Editors, code blocks, carousels, command palettes.