Components
45 components across 7 categories, free and staying free. This is the whole set — each one gets its own page, with anatomy, props and the React and Vue source, as the code lands.
Free means free: no account, no licence key, nothing to buy. Tell me when the source landsTell me when the source lands and you'll get 10% off your first licence if you ever want the full library.
Actions
Everything a person presses to make something happen.
- Button
- Link Button
- Ghost Button
- Fancy Button
- Compact Button
- Button Group
Displaying Data
Reading surfaces — identity, status, quantity and tabular data.
- Avatars
- Avatar Group
- Avatar Compact Group
- Badges
- Tag
- Fancy Tag
- Data Table
- Content Divider
- KBD
- Line Progress Bar
- Circular Progress Bar
- Rating
Feedback
What the interface says back, from a quiet hint to a hard stop.
- Alert & Notification
- Tooltip
- Banner
Form
Inputs, their labels and the states they move through.
- Checkbox
- Radio
- Color Picker
- Date Picker
- OTP Input
- File Upload
- Hint
- Input
- Label
- Dropdown
- Slider
- Switch
- Text Area
Layout
Structure that holds a page together and splits it into parts.
- Accordion
- Breadcrumb
- Segmented Control
- Tab Menu Horizontal
- Tab Menu Vertical
Navigation
Getting between places, and knowing where you are.
- Dot Stepper
- Pagination
- Navbar
Overlays
Everything that arrives on top of the page and takes focus.
- Command Menu
- Modal
- Popover
All documentation
Getting started
Foundations
All components
Actions
ButtonLink ButtonGhost ButtonFancy ButtonCompact ButtonButton Group
Displaying Data
AvatarsAvatar GroupAvatar Compact GroupBadgesTagFancy TagData TableContent DividerKBDLine Progress BarCircular Progress BarRating
Feedback
Alert & NotificationTooltipBanner
Form
CheckboxRadioColor PickerDate PickerOTP InputFile UploadHintInputLabelDropdownSliderSwitchText Area
Layout
AccordionBreadcrumbSegmented ControlTab Menu HorizontalTab Menu Vertical
Navigation
Dot StepperPaginationNavbar
Overlays
Command MenuModalPopover