Development Under active development - Components may change before the first stable release. Join Discord
Reference

Components

Every component, utility, and plugin in one place - drop in two files and you’re done.

Layout

4
Column
Split content into typographic columns with count, fluid-width, gap, rule, and break utilities.
Container
Responsive page container widths.
Flex
Flex utilities and named layout patterns: stack, cluster, split, row.
Grid
12-column CSS grid system and auto-fit helpers.

Components

17
Accordion
Expandable accordion panels.
Alert
Dismissible alert messages.
Badge
Inline badges, status dots, and tags.
Breadcrumb
Breadcrumb trail with separator variants.
Button
All button variants, sizes, states, and groups.
Card
Flexible content containers.
Drawer
Side-panel drawer that slides in from the left or right.
Dropdown
Dropdown menus with keyboard navigation.
Form
Inputs, selects, checkboxes, switches, and form groups.
Headings
Heading utility classes, display headings, eyebrow, subtitle, lead, and section title.
Leader
Leader lines connecting a label to a value with dot, dash, or solid fills.
Modal
Centred dialog with focus trapping and scroll lock.
Nav
Sidebar / sidenav navigation.
Navbar
Top navigation bar with brand, links, actions, and mobile hamburger.
Pagination
Page navigation controls with size and style variants.
Table
Styled data tables with striped, bordered, hover, and size variants.
Tabs
Tabbed content panels with multiple variants.

JS Plugins

1
Notify
Toast/notification plugin.

Helpers

20
Background
Semantic and neutral background colour utilities.
Border
Border sides, widths, and colour variants.
Cursor
Cursor and user-select utilities.
Display
Display type and visibility utilities including responsive hide helpers.
Height
Named-scale, keyword, and min/max height utilities.
Links
Styled anchor classes with colour variants, decoration modifiers, and states.
Margin
Named-scale margin utilities (xs–3xl) with axis and side variants.
Opacity
Opacity scale utilities from 0 to 100.
Outline
Outline width, colour, and offset utilities.
Overflow
Overflow control utilities for both axes.
Padding
Named-scale padding utilities (xs–3xl) with axis and side variants.
Position
Position, inset, and z-index utilities.
Rounded
Border-radius scale with per-corner and per-side variants.
Shadow
Box-shadow scale and colour-tinted shadow utilities.
Spacing
Margin and padding utility classes built on the spacing scale.
Text
Font size, weight, style, transform, alignment, line-height, and text colour utilities.
Transition
Transition speed and property-specific animation utilities.
Utilities
Flex, colour, and miscellaneous helpers.
Visibility
Responsive show/hide utilities — hide or show elements at specific breakpoints.
Width
Named-scale, fraction, keyword, and min/max width utilities.