Data display

Overlapping avatar stack with deterministic name-hashed colors, +N overflow chip, sizes and presence status dots.

Single or multiple accordion with smooth grid-rows height animation, chevron rotation and full keyboard navigation.

Underline and pill tabs with a sliding indicator and roving-tabindex arrow-key navigation.

Tiny responsive SVG line/area chart with gradient fill, last-point dot and up/down trend colors.

Responsive vertical bar chart with gridlines, hover tooltips, mount animation and a hidden accessible data table.

SVG donut chart with focusable segments, legend, and a center label that updates on hover or focus.

Syntax-lite code block with filename header, line numbers, copy button and in-block horizontal scroll.

Keycap and key-combo components with a Mac/Windows symbol map, shown as a shortcut cheatsheet.

Responsive multi-series SVG line and area chart with smooth curves, hover crosshair tooltip, legend toggles and draw-in animation.

Semicircular gauge with animated needle or arc fill, colored threshold zones and meter semantics.

GitHub-style contribution calendar with five intensity levels, tooltips and roving-tabindex keyboard navigation.

Accessible slide carousel with prev/next, dots, drag and swipe, keyboard arrows, loop and pausable autoplay.

Collapsible JSON tree with syntax colors, key counts, expand/collapse all, copy value or path and long-string expansion.

Side-by-side and unified text diff with line numbers and word-level highlights, stacking to unified on narrow screens.

Semantic key/value detail list in vertical, horizontal and grid layouts with copy buttons, badges, links and empty placeholders.

Conversion funnel with tapering stages, percent of top, drop-off between stages and animated entry.