@wick-charts

Realtime canvas charts for shadcn/ui that stay smooth while data streams in. Colors come from your theme tokens, in light and dark mode.

13 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://wick-charts.eeff.io/r/registry.json

pnpm pnpm dlx shadcn@latest add https://wick-charts.eeff.io/r/registry.json

bun bunx shadcn@latest add https://wick-charts.eeff.io/r/registry.json

fetch registry curl -s https://wick-charts.eeff.io/r/registry.json

Components

13 total

Wick Theme hook

A hook that builds a Wick Charts theme from your shadcn/ui CSS variables and follows dark mode.

npx shadcn@latest add https://wick-charts.eeff.io/r/wick-theme.json

Wick Chart ui

A canvas chart container, themed from your CSS variables and sized with classes. Put Wick Charts series and overlays inside.

npx shadcn@latest add https://wick-charts.eeff.io/r/wick-chart.json

Live Line Chart block

A line chart that streams a new point every second, with an animated live value in the card header.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-line-live.json

Candlestick Chart block

Live OHLC candles in your chart colors, with an OHLC info bar, a crosshair and a price badge.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-candlestick.json

Order Book block

Cumulative bid and ask depth around the mid price in your chart colors, updated every second.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-order-book.json

Sparkline Cards block

Three KPI cards with a live value, a change badge and an edge-to-edge sparkline.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-sparkline-cards.json

Grouped Bar Chart block

Two series side by side on a category axis, with a tooltip and a legend that toggles them.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-bar-grouped.json

Donut Chart block

A donut with an animated total in the center; the slices resize as new data arrives.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-pie-donut.json

Band Chart block

Live latency percentiles: a median line over p25–p75 and p5–p95 bands.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-band-latency.json

Stacked Area Chart block

Two series stacked over three months, with a tooltip and a legend that toggles them.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-area-stacked.json

Heatmap block

Sessions by weekday and hour on a ramp from your theme, with a cell tooltip.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-heatmap.json

Annotated Line Chart block

An error rate with an SLO line, a shaded incident window and a deploy marker.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-line-annotations.json

Line Chart with Navigator block

A year of daily closes with a navigator strip to pick the visible window.

npx shadcn@latest add https://wick-charts.eeff.io/r/chart-line-navigator.json