Every building block in one place
Each component is built on the colour, spacing, and typography tokens from the foundations pages. They all share the same padding rules, focus styles, and sizing conventions so they feel consistent when combined, and because every colour and shape is a token, each one renders correctly in all of the shipped themes, light and dark included. Click into any component to see its variants, states, and sizing options.
Actions
6AI
26Agent plan
Agent rail
Working
Agent status
AI button
New chatClose chat
Chat header
Today
Conversation resumed
Chat marker
Chat message
Chat thread
Code diff
Message the agent
addarrow_upward
Composer
brief.pdf
budget.xlsx
Document chip
Allow file edit?
Waiting for your decisionInterrupt card
Message actions
Message card
Model picker
Prompt suggestions
Release notes
Rendered markdown picks up the token scale, down to inline code.
Prose
Converted both regions to USD at the invoice-date rate before summing.
Reasoning
1Design tokens quarterly2Theming layered systems
Source chip
Source trail
Tokens landing one chunk at a
Streaming text
Thread panel
Thread tabs
grepDone0.4s
Tool call
Context63%
Weekly86%
Usage card
Speaking
Waveform
Charts
16Data display
25Section 1expand_more
Section 2expand_more
Accordion
48,210
Animated number
Avatar
Avatar group
InfoSuccessError
Badge
Card
Card stack
chevron_left
chevron_right
Carousel
LabelTag
Chip
--radius-pill: 999px;Code block
mailEmailopen_in_new
personLinkedInopen_in_new
Contact card
Data table
homehome
starstar
Entity card
Event calendar
Figure
Image compare
1First
2Second
Instructions
⌘⇧K
Kbd
Storybookopen_in_new
GitHubopen_in_newLink list
Systems are coordination problems.
Quote
Option A
Option B
Selection card
~900%Successful generations+clash view
Stat
Table
- Discover
- Design
- Ship
Timeline
Tree view
Effects
1Feedback
10Forms
21Checkbox
#118AB2
Colour picker
searchCan
CanadaCancún
Combobox
dd/mm/yyyy
Date input
calendar_month
Date picker
Selectexpand_more
Dropdown
Email address *We only use this to contact you.
Field
upload_fileDrop a fileor click to browse
File input
Filter bar
Enter text...
Input
Number input
Pin input
Option A
Option B
Radio button
Rating
Rich dropdown
Slider
Swatch
Tag input
Enter text...
Textarea
Time picker
check
