Color
Typography
Spacing
Radius
Border
Opacity
Elevation
Blur
Avatar
Badge
Button
Checkbox
Input
ProgressBar
RadioButton
Separator
Slider
Switch
TextArea
TextLink
Accordion
Breadcrumb
ButtonGroup
Combobox
DropdownMenu
ListItem
Pagination
SegmentedControl
Select
Tooltip
Calendar
Card
CommandMenu
DatePicker
Dialog
Drawer
EmptyState
Footer
Form
NavigationBar
Sidebar
Skeleton
Table
Tabs
Toaster

Foundations

The design tokens every component is built from, as exported by Supernova from the Figma Foundations file.

  • Color

    Primitive color scales and semantic color tokens.

  • Typography

    Font families, text styles and font tokens.

  • Spacing

    Spacing scale and semantic gap and padding tokens.

  • Radius

    Corner radius scale and semantic radius tokens.

  • Border

    Border width scale and semantic border width tokens.

  • Opacity

    Opacity scale and semantic opacity tokens.

  • Elevation

    Shadow styles that lift surfaces above the page.

  • Blur

    Blur sizes, and the background blur that separates glass surfaces from the page behind.