Bklit UI

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

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.

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. See apps/mobile/README.md for publishing the demo builds.

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.