Buttons
Primary, secondary, quiet, and dangerous.
Library
Components that do their jobs.
Thirty familiar interface pieces, all wired to the same semantic colour system and at least mildly interactive.
35 of 35 components
Actions
Button group
Actions that prefer company.
Icon button
Compact, labelled, and not mysterious.
Split action
One action, plus the small print.
Text field
For names, notes, and tiny declarations.
Select
A short list of perfectly viable options.
Textarea
When one line simply will not do.
Checkbox
A small square with real agency.
Radio group
Choose exactly one respectable answer.
Toggle
On, off, and refreshingly decisive.
Date picker
For date selection.
August 14, 2026
August 2026
SMTWTFS
Date range picker
For date range selection.
Aug 10 – Aug 16, 2026
August 2026
SMTWTFS
Tabs
A polite way to keep related things nearby.
Overview is currently having its moment.
Breadcrumbs
A little trail back to somewhere familiar.
Pagination
For when everything will not fit at once.
2 of 8
Segmented control
Three views, one compact decision.
Dropdown
More options, neatly folded away.
More
App bar
Displaying information and actions relating to the current screen.
Colour Curver
TL
Alert
Useful news with the correct amount of urgency.
A useful heads-up
This palette has two changes waiting for review.
Toast
A brief success that knows when to leave.
Saved without incident.
Progress
Reassuring evidence that something is happening.
Uploading68%
Skeleton
A quiet placeholder with no spooky business.
Inline message
Small advice in exactly the right place.
Try a slightly more memorable project name.
Badge
Tiny labels for states worth noticing.
LiveReviewBlocked
Avatar
Initials, because this person is imaginary.
AR
ML
SK
Stat
One number, tastefully confident.
Completed
128
+14%Table
Three tidy rows and no spreadsheet anxiety.
| Name | Status |
|---|---|
| Homepage | Live |
| Checkout | Review |
List
Recent events in a sensible order.
- A palette was published1h
- A component was approved2h
- Someone made tea3h
Empty state
Nothing here, presented helpfully.
Wonderfully empty
Try adding the first item.
Card
Containing content and actions about a single subject.
Autumn palette
Updated 2 days ago
Warm neutrals with a single confident accent, ready for review.
Accordion
Allows users to show and hide sections of related content on a page.
Import the components and hook them up to your palette tokens.
Modal
An interruption with good manners.
Popover
A few details without leaving the page.
A small popover
Exactly enough extra information.
Tooltip
A quiet explanation on hover or focus.
Command hint
A keyboard shortcut, looking official.
Open searchK