Bklit

Component library built on top of shadcn/ui that provides ready-to-use chart and data visualization components.

Overview

Bklit UI is a component library built on top of shadcn/ui that provides ready-to-use chart and data visualization components. It offers a composable API for building interactive charts including area charts, bar charts, line charts, pie charts, and many more specialized visualization types.

The library is published as a trusted registry on shadcn/ui and can be installed directly via the CLI. Components are designed with gradient fills, tooltips, hover interactions, and loading states built in. Bklit UI also includes a visual Studio tool for designing and exporting charts.

Key features

20+ chart types (area, bar, line, pie, radar, sankey, etc.)
Composable component API
Built on shadcn/ui
Gradient fills and animations
Interactive tooltips and hover states
Loading states with shimmer animations
Brush zoom functionality
Visual Studio editor for chart design
CLI installation via shadcn registry

Pros

Easy integration with shadcn/ui projects
Comprehensive chart component library
Composable API for flexibility
Built-in animations and loading states
Visual Studio tool for design and export
Well-documented with examples

Cons

Requires shadcn/ui as a dependency
Limited to React ecosystem
No pricing information available for premium features

Use this if

You need a comprehensive chart library for React/Next.js projects, already use shadcn/ui, or want a composable approach to building data visualizations.

Skip this if

You need charts for non-React frameworks, don't use shadcn/ui, or require a drag-and-drop chart builder without code.

Best for

Building interactive data visualizationsCreating charts with minimal setupReact/Next.js projects using shadcn/uiProjects requiring composable chart components

Alternatives

RechartsTremorChart.jsD3.jsVisx

Compare Bklit alternatives

More Component

Compare all

21st

12,000+ hand-crafted React and Tailwind CSS components, templates, and shadcn themes with AI-ready prompts.

React Router

Declarative routing library for React apps with nested routes and data APIs.

Vercel AI Elements

Vercel AI SDK component library on shadcn/ui for AI-native apps.

Flowbite

Open-source component library built on top of Tailwind CSS.