Roadmap
MetricUI is building toward 1.0 — a stable, complete, and beautifully polished React dashboard library. Here is where we are and where we are going.
The Foundation
26 components, format engine, 8 theme presets, MCP server, full docs site. Everything you need to build a production dashboard today.
- KPI cards with sparklines, goal tracking, conditional coloring, and drill-downs
- 11 chart types — Area, Line, Bar, Donut, Gauge, HeatMap, Funnel, Waterfall, Bullet, Bar+Line, Sparkline
- Smart format engine — currency, percent, duration, compact — with locale support
- Complete filter system — PeriodSelector, DropdownFilter, SegmentToggle, FilterTags
- MetricGrid auto-layout — drop components in, zero CSS needed
- Loading skeletons, empty states, error boundaries, stale indicators on every component
- 8 theme presets, dark mode, dense mode, CSS variable theming
- MCP server with 13 tools so AI builds correct dashboards on the first try
- 185+ tests, interactive docs, llms.txt for AI tools
Dashboards That React
Click a bar in one chart and every other component on the page responds. Cross-filtering, linked hover, value flash, and a CLI that gets you from install to dashboard in 60 seconds.
- CrossFilterProvider — signal-only click filtering with useCrossFilter and useCrossFilteredData hooks
- LinkedHoverProvider — synced crosshairs and tooltips across charts, zero config
- useValueFlash — opt-in highlight animation when data changes in real time
- npx metricui init — detects framework, configures AI tools, scaffolds a starter dashboard
- crossFilter prop on all categorical charts — BarChart, DonutChart, AreaChart, HeatMap, Funnel, Waterfall, BarLineChart, DataTable
- Stable donut colors — filtering won't change a slice's color
- Fully interactive demos — every filter on every demo page actually works
The Dashboard That Ships
Everything that turns a prototype into a product. FilterBar, DrillDown, Export, CardShell unification, tooltip hints, sticky filters, and reactive drill content.
- DrillDown system — slide-over and modal panels with nested breadcrumbs, up to 4 levels deep
- FilterBar — collapsible container with auto-tags, badge count, sticky frosted-glass mode
- Export — PNG (4x DPI), CSV with filter metadata, clipboard copy via ExportButton
- CardShell — unified card wrapper for all components (KPI, charts, tables, status)
- Tooltip action hints — auto 'Click to drill down' / 'Click to filter' on interactive charts
- Auto empty states — components detect empty data and show filter-aware messages
- Reactive drill content — live-updating drill panels for streaming data dashboards
The DX Release
Developer experience. 5 providers → 1 component, zero type casts, smart column inference, tab navigation, filter convenience hooks.
- Dashboard wrapper — 5 nested providers replaced by one <Dashboard> component with flat props
- DataRow type — zero as-never casts, typed interfaces just work with DataTable and all charts
- Smart column inference — omit columns prop, DataTable auto-detects numbers, dates, booleans, badges
- DashboardNav — tab and scroll navigation with FilterBar.Nav slot for unified sticky bar
- Filter convenience hooks — useFilterValue, useHasComparison, useActiveFilterCount
- MetricGrid fragment flattening — auto-layout works through React fragment wrappers
- Analytics demo — GA-style dashboard with 4 tab views and per-device filtering
The Intelligence Layer
Anomaly detection scans your data and highlights what's unusual. No ML pipeline, no backend — just a prop.
- Anomaly highlights — rolling mean + standard deviation bands that flag unusual data points automatically
- InsightCard — template-based plain-English summaries of what your data shows
- MetricText — inline formatted values in body copy with template syntax
- Histogram, Leaderboard, QuotaBar, and SummaryBanner components
See the Shape
Small multiples and sparkline tables. One line of code renders 20 mini-charts that share scales and let you spot the outlier instantly.
- Small Multiples — split data by dimension, render a synced grid of mini-charts
- Sparkline Table — DataTable columns with inline sparklines, progress bars, and micro-charts
- Scatter Plot, Treemap, Radar, Calendar Heatmap, and more chart types
- Chart annotation layer — pin notes to any data point for collaborative context
Flows and Stories
Sankey diagrams show where things flow. Data stories walk someone through what it means. Built for quarterly reviews and stakeholder reports.
- Sankey — flow visualization with click-to-highlight paths for user journeys and cost allocation
- Data stories — guided narrative walkthroughs that highlight components in sequence
- Dashboard state serialization — save, share, and restore dashboard views as URLs
- Multi-level drill-down with breadcrumb navigation
- Embed mode for iframing dashboards into other apps
Rock Solid
Nothing new, everything better. Full keyboard navigation, color-blind safe mode, performance benchmarks, 90%+ test coverage. This is when MetricUI earns "production-ready."
- Full keyboard navigation — tab through charts, arrow keys between points, screen reader announcements
- Color-blind safe mode — automatic palette swap with optional pattern fills
- Performance benchmarks published and enforced in CI
- i18n — RTL support, translated data states, non-Latin numeral systems
- Comprehensive migration guide with codemods
The Standard
API freeze. Semantic versioning contract. 18-month LTS commitment. Premium templates. MetricUI 1.0 is a promise: build on it with confidence.
- Stable API — no breaking changes without a major version bump
- create-metric-app CLI — scaffold a working dashboard in 30 seconds
- Starter templates for SaaS, ecommerce, DevOps, and finance
- Premium dashboard templates available for teams that want production-ready designs
- Complete documentation — every component, every prop, every pattern
Beyond 1.0
After the stable release, MetricUI keeps growing. Here is a preview of what is on the horizon as post-1.0 minor releases.
More chart types
Candlestick, Box Plot, Slope Chart, Bump Chart, Choropleth Map, Sunburst, Stream, Waffle, Network Graph
Advanced features
Pivot Table, Cascading Filters, Saved Views, VS Code Extension, AI-powered insights, Collaborative annotations
Shape the roadmap
Have a feature request? Want to upvote something on this list? We build in the open and prioritize based on what developers actually need.