Component & design-token showcase

Components

Every component demoed in this showcase, at a glance — live, not a screenshot. Click a tile to jump to its full write-up: variants, sizes, states, code.

Button
Active Paused Completed Failed
Badge

Support ticket

Team

Eyebrow
New
Find leads with AI
Pricing Pay per use
PromoBadge

Plain

Hover

Card

Header

Body

Card parts
List row

Reloading

Card loading
Sent
48,204
Reply rate
6.4%
Stat
4820 delivered
212 bounced
38 pending
MiniStat
142 valid
38 risky
21 catch-all
14 invalid
DistributionBar
40% 72% 91%
PercentageRing
FAQList
Campaign Sent
Acme launch 4,820
Q3 follow-up 1,240
Table
CampaignSent
Acme launch4,820
Q3 follow-up1,240
Warm re-engage610
GroupedGrid

No results

Try a different search.

EmptyState
Page 1 of 3
Page 5 of 5
Pagination
Dialog
Popover
TabBlock
Toast
TextField
SwitchField
CheckboxField
Attachment
No file chosen
Attachment
Drag & drop or click to upload No file chosen
FileField
Tags
Combobox

More

Not every primitive is demoed live here — some need real app context this static showcase doesn't have (a route tree, a live session, a WebSocket). See the full reference for the rest.