ActiveFeaturedCharts/data viz1,253
@bklit
Charts/data viz · MIT · data updated 2026-07-08
Open-source shadcn/ui chart extension with 16 composable chart types: area, bar, candlestick, choropleth (map), composed, funnel, gauge, line, live-line, pie, profit-loss-line, radar, ring, sankey, scatter, and a visual Studio configurator. Built on top of Visx and Motion with Tailwind CSS and React. Free, MIT-licensed. Use for: dropping polished, customizable data-visualization charts into a shadcn project without reaching for a heavier charting library.
Install
npx shadcn@latest add https://ui.bklit.com/r/registry.jsonHealth
StatusActive
Last commit1 day ago
LicenseMIT
Open issues2
ArchivedNo
Stars1,253
Components (56)
utilsshimmering-textchart-utilschart-contextchart-animationchart-seriesgridreference-areaprojection-linebackgroundx-axisy-axischart-tooltiplegendmarkersarea-chartcomposed-chartbar-chartline-chartprofit-loss-linebar-depthscatter-chartlive-line-chartcandlestick-chartpie-chartradar-chartring-chartgauge-chartheatmap-chartchoropleth-chartfunnel-chartsankey-chartsunburst-chartarea-chart-examplebar-chart-exampleline-chart-examplescatter-chart-examplepie-chart-examplegauge-chart-exampleheatmap-chart-examplering-chart-exampleradar-chart-examplecomposed-chart-examplefunnel-chart-examplesankey-chart-examplesunburst-chart-examplecandlestick-chart-examplechoropleth-chart-examplelive-line-chart-examplechart-stat-flowstat-card-area-01stat-card-area-01-examplestat-card-line-01stat-card-line-01-examplestat-card-choropleth-01stat-card-choropleth-01-example
Components: utils, shimmering-text, chart-utils, chart-context, chart-animation, chart-series, grid, reference-area, projection-line, background, x-axis, y-axis, chart-tooltip, legend, markers, area-chart, composed-chart, bar-chart, line-chart, profit-loss-line, bar-depth, scatter-chart, live-line-chart, candlestick-chart, pie-chart, radar-chart, ring-chart, gauge-chart, heatmap-chart, choropleth-chart, funnel-chart, sankey-chart, sunburst-chart, area-chart-example, bar-chart-example, line-chart-example, scatter-chart-example, pie-chart-example, gauge-chart-example, heatmap-chart-example, ring-chart-example, radar-chart-example, composed-chart-example, funnel-chart-example, sankey-chart-example, sunburst-chart-example, candlestick-chart-example, choropleth-chart-example, live-line-chart-example, chart-stat-flow, stat-card-area-01, stat-card-area-01-example, stat-card-line-01, stat-card-line-01-example, stat-card-choropleth-01, stat-card-choropleth-01-examplePreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.