Registry

Charts

Beautiful, animated chart components for dashboards and analytics. Copy and paste into your apps — works with any React framework.

14 chart components available

Masked area path with active dots and a theme-aware tooltip.

Inset allocation columns with textured tracks and expressive fill states.

Metric card with a dense trend line, area mask and trend badge.

Curved channel cables with particles flowing from a source bus to value-scaled sinks.

Calendar-style activity grid with a diagonal reveal and an intent-driven tooltip.

OHLC price candles with bullish/bearish tones, growing bodies and an interactive tooltip.

Weighted gradient bubbles that scale in and reveal values on interaction.

Dense spending waveform with a metric header, hover tooltip and a split ratio bar.

Gantt-style resource timeline with staggered bar reveals, a milestone marker and slowest-step highlight.

Quality bands with a sliding diamond marker and clear interactive ranges.

2×2 effort–impact matrix with spring-in dots, quadrant labels and a detail tooltip on hover.

Proportional block layout with radial gradient fills, scale-in animation and percentage tooltips.

Multi-axis radar polygon with pathLength reveal and interactive vertex nodes.

A semi-radial risk meter with striped remainder, glow marker and score label.