Collection · Dashboards
Best Dashboard Designs
Dense data made calm — layout, hierarchy and color systems for dashboards.
Curated by CSS Crème: hand-picked, not crowdsourced. Each pick links to the live site, with a note on the one thing worth stealing.
- 01
Linear
Visit ↗Why it works: Proof that density can feel quiet — a tight type scale, muted palette, and consistent rows let you scan hundreds of issues without visual noise.
- 02
Vercel
Visit ↗Why it works: Deployments laid out as a calm, status-led feed; color is reserved for state (ready, error, building) so the eye goes straight to what changed.
- 03
Grafana Play
Visit ↗Why it works: A public, no-login playground of live dashboards — dense time-series panels on a strict grid, with color held back for thresholds and alert state.
- 04
PostHog
Visit ↗Why it works: Packs analytics, funnels and session tools into a structured shell where each panel has a clear job, keeping a broad product navigable.
- 05
Plausible
Visit ↗Why it works: A single-screen analytics view that resists clutter — a few well-chosen metrics, one main chart, and generous spacing over a wall of numbers.
- 06
Retool
Visit ↗Why it works: Component-driven layouts where tables, charts and forms align to a consistent grid, so internally-built tools still feel coherent.
How we pick
These are chosen by hand for one reason: a specific thing each one does well that you can learn from. No pay-to-list, no auto-scraped rankings, no fake "scores." When a pick teaches a repeatable lesson, we say exactly what it is; then, where we can, we decode it into building blocks you can use. Found a site that belongs here? That's the kind of thing this collection grows on.