Data Display
Chips, timelines, terminals, tables, gauges, avatars, accordions and keyboard keys.
Small mono tags for technologies or categories, in cyan or pink.
Needs the shared design tokens.
A vertical timeline with diamond markers. The current entry pulses.
Needs the shared design tokens.
A fake terminal for commands and output, with coloured status lines and a blinking cursor.
Needs the shared design tokens.
A typed, generic table with a caption, numeric columns and custom cell renderers.
Needs the shared design tokens.
Online, away, offline and alert badges with a glowing (pulsing) dot.
Needs the shared design tokens.
A circular meter with a tick ring and a glowing arc, in four colours. Uses role="meter".
Needs the shared design tokens.
A hexagonal avatar with a gradient ring, initials or a photo, a status dot and a stacked group.
Needs the shared design tokens.
Numbered collapsible sections on native <details>, optionally one open at a time.
Needs the shared design tokens.
Glowing keycaps for shortcuts, single keys or combinations, using nested <kbd>.
Needs the shared design tokens.