Bklit UI

Overview

Bklit UI is an open-source React data visualization library and shadcn registry created by Matt Litherland (supported by the Vercel Open Source Program). Powered by Visx and Framer Motion, it brings bespoke, highly customizable charts to modern web apps.

Key Features

• Visx & Motion Powered: Combines D3 mathematical precision with smooth physical spring transitions.
• shadcn Registry Integration: Install modular chart components directly using the shadcn CLI.
• Bklit Studio: Interactive visual playground to customize palettes, line styles, and export code.
• Fully Typed TypeScript: Strict type definitions for metrics, axes, and interactive tooltips.

Installation & Quick Start

npx shadcn@latest add https://ui.bklit.com/r/line-chart.json

import { LineChart } from '@/components/ui/line-chart';

export default function App() {
  const data = [{ date: 'Jan', value: 120 }, { date: 'Feb', value: 240 }];
  return <LineChart data={data} xKey="date" yKey="value" />;
}

Why Choose Bklit UI?

• Best for: Analytics dashboards, finance monitors, and modern web apps requiring bespoke, animated charting.
• Not suitable for: Basic text-based CRUD applications without data visualization.