Bar and area charts, data tables, timelines, progress rings and sortable lists, each with keyboard access and an accessible data equivalent.
9 components
Trends over time: lines draw themselves in, the crosshair glides between points, the area you've scrubbed stays bright, and the tooltip shows the change from the point before.
Data
Overlapping avatars that spread on hover, with a name tooltip that swings with the pointer, status dots and a +N list of everyone else. Photos or initials.
Data
A responsive bar chart, grouped or stacked: bars rise in one after another, the hovered column lights up and the tooltip glides, with keyboard navigation and a hidden data table.
Data
A real, accessible table with natural sorting where rows glide into place, highlighted search, pagination, drawn checkboxes and a bulk-action bar. Typed columns, custom cells, two densities.
Data
A number whose digits roll into place like an odometer: each column turns on its own, new places slide in and separators make room. Currency, percent, compact and every locale.
Data
A circular progress indicator whose gradient follows the arc, with a shadowed cap at the tip as it closes. Arc and number move together; indeterminate spin, a tick when full, stack several for activity rings.
Data
Reorder by dragging, or entirely by keyboard: the row lifts and leans into fast moves, the others glide aside, it settles with an accent edge, and every move is announced.
Data
A vertical run of events — changelog, roadmap or order progress — with a beam of light that draws down the line as you scroll and lights each event as it passes. Dates can take a sticky column of their own.
Data
Toast notifications that slide in and stack: repeats count up instead of piling, loading morphs into success, a bar shows time left, flick to dismiss, and timers pause on hover and hidden tabs.
Data
| Point | Visitors | Signups |
|---|---|---|
| Oct 1 | 1.8K | 198 |
| Oct 2 | 2K | 226 |
| Oct 3 | 1.9K | 217 |
| Oct 4 | 1.9K | 217 |
| Oct 5 | 2.2K | 256 |
| Oct 6 | 1.7K | 199 |
| Oct 7 | 1.6K | 185 |
| Oct 8 | 2.3K | 272 |
| Oct 9 | 2.6K | 320 |
| Oct 10 | 2.6K | 323 |
| Oct 11 | 2.4K | 302 |
| Oct 12 | 2.7K | 338 |
| Oct 13 | 2.2K | 277 |
| Oct 14 | 2K | 265 |
| Oct 15 | 2.7K | 356 |
| Oct 16 | 3.1K | 413 |
| Oct 17 | 3.3K | 446 |
| Oct 18 | 3K | 412 |
| Oct 19 | 3.1K | 422 |
| Oct 20 | 2.6K | 355 |
| Oct 21 | 2.6K | 361 |
| Oct 22 | 3.3K | 462 |
| Oct 23 | 3.5K | 503 |
| Oct 24 | 4K | 574 |
| Oct 25 | 3.8K | 551 |
| Oct 26 | 3.5K | 522 |
| Oct 27 | 2.9K | 429 |
| Oct 28 | 3.1K | 467 |
| Oct 29 | 3.9K | 599 |
| Oct 30 | 3.9K | 598 |
| Category | New | Expansion | Renewals |
|---|---|---|---|
| Jan | $9.2K | $4.1K | $5.1K |
| Feb | $10.4K | $4.6K | $6.3K |
| Mar | $8.9K | $5.2K | $5.7K |
| Apr | $12.6K | $6.1K | $7.4K |
| May | $13.9K | $7K | $8.5K |
| Jun | $15.8K | $8.2K | $9.8K |