A collection of Open Source charts and utility components that you can customize and extend.

Sponsors

Bklit UI is supported by our sponsors. Become a sponsor.

Premium sponsors: OpenPanel

OpenPanel — OpenPanel is an open source analytics platform that combines web analytics and product analytics in one privacy-first tool. Track pageviews, events, funnels, retention, and user journeys — all without cookies.

Silver sponsors: UI Rules, shadcn studio, pug

Charts

Area Chart Docs · Studio	Bar Chart Docs · Studio	Candlestick Chart Docs · Studio
Choropleth Chart Docs · Studio	Composed Chart Docs · Studio	Funnel Chart Docs · Studio
Gauge Docs · Studio	Heatmap Chart Docs · Studio	Line Chart Docs · Studio
Live Line Chart Docs · Studio	Pie Chart Docs · Studio	Profit/Loss Line Docs · Studio
Radar Chart Docs · Studio	Radial Chart Docs · Studio	Ring Chart Docs · Studio
Sankey Chart Docs · Studio	Scatter Chart Docs · Studio	Sparkline Docs · Studio
Sunburst Chart Docs · Studio

Studio

Studio is Bklit's interactive chart playground. Pick a chart, tweak styling and animation controls in real time, then copy the generated React code or export a registry JSON for your project.

Open Studio →

Getting Started

Bklit UI is a shadcn registry. Initialize shadcn in your project, then add a chart:

npx shadcn@latest init
npx shadcn@latest add @bklit/line-chart

See Installation for registry setup and all components.

React Native (beta)

The line and area charts also run in React Native and Expo. They use the same components and props as the web charts, drawn with React Native Skia and animated on the UI thread with Reanimated: one-finger scrubbing, two-finger range selection, springs, morphs and the rolling date pill.

Try it on your phone Install Expo Go, then scan the code with your camera to open the demo app.

Add the charts to an Expo app (with a components.json in the project root):

npx shadcn@latest add @bklit/native-charts

In an Expo project the CLI installs Skia, Reanimated and Gesture Handler with npx expo install, so you get versions that match your SDK. See the React Native guide for step-by-step setup.

Contributors can run the demo app (apps/mobile, Node 22+) with pnpm dev:mobile and open it in Expo Go.

Repo activity

License

Chart components (packages/ui, packages/native, shadcn registry) are MIT licensed.

Bklit Studio (packages/studio, hosted at ui.bklit.com/studio) is proprietary. See LICENSE-STUDIO.md. You may not reuse, resell, or redistribute Studio without written permission.