design-infraGitHub
Report a problem or share feedback← Catalog

Ring Chart · Bklit

curatedtheme-awarefree

bklit/ring-chart

A composable donut/ring chart with progress indicators

state — subtledrop-inRefinedTechnical
$npx shadcn@latest add https://ui.bklit.com/r/ring-chart.json

npm deps: @visx/group@4.0.0, @visx/responsive@4.0.0, @visx/shape@4.0.0, @number-flow/react, motion

Our notes

Public MIT chart component, not the proprietary Bklit Studio editor. Browse the linked gallery for visual variants and composition props. Uses visx and Motion; inspect dependencies, React peers and chart token mappings before integrating. Registry endpoints checked; fresh-project runtime integration is not yet verified. Preserve the upstream license.
Source
Bklit UI
Kind
component
Categories
chart
Use as
drop-in — replaces your component
Applies to
chart
Motion
on state · subtle · motion · medium cost
Tags
react, visx, motion, chart-ui, ring-chart
Licence
MIT for chart components and registry; Bklit Studio is proprietary and excluded.
Live demo
bklit.com
Docs
bklit.com