Bklit UI

Overview

Bklit UI is an open-source collection of charts and utility components for React, distributed as a shadcn registry with documentation and copy-paste examples at ui.bklit.com. It is aimed at dashboards and analytics interfaces, and its registry currently serves 64 items. The project is a member of the Vercel OSS program.

Each chart type comes with many documented variants; the area chart alone has examples for stacked, step, gradient, pattern, loading sweep, segment selection, reference bands, trend lines and dual Y axes. Bklit Studio, a hosted playground, lets developers tweak styling and animation in real time and copy the generated React code or export registry JSON. The chart components are MIT licensed, while Studio is proprietary.

Features

• 17 chart types: Area, bar, candlestick, choropleth, composed, funnel, gauge, heatmap, line, live line, pie, profit/loss line, radar, ring, Sankey, scatter and sunburst, plus sparklines.
• Interactive variants: Segment selection, series markers, dashed tails, fade edges and value labels.
• Loading states: Built-in loading and sweep animations for charts waiting on data.
• Chart utilities: Legends, grids, tooltips, axes, reference bands and trend lines.
• Studio: A live playground for styling and animation with code and registry JSON export.
• Recipes and docs: shadcn-style component docs with recipes for common dashboard patterns.

Tech stack

• React, shadcn/ui
• Tailwind CSS
• shadcn registry (@bklit)

Getting started

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