Bklit UI

项目概述

Bklit UI 是入选 Vercel 开源资助计划的现代化 React 数据可视化图表库与 shadcn 注册表。底层基于 Airbnb Visx 与 Framer Motion 动效引擎，为开发者提供高可定制、动画丝滑的专业图表组件。

核心特性

• ⚡️ Visx + Motion 强力驱动：兼具 D3 的高精度坐标轴数学计算与物理弹簧平滑过渡动效。
• shadcn CLI 一键安装：支持通过现代化 shadcn 注册表直接按需添加折线图、面积图与柱状图。
• 🛠️ Bklit Studio 可视化工作台：可在网页中实时调整图表调色板、圆角与线条粗细并一键导出 React 源码。
• 完全类型安全：TypeScript 泛型严密包裹数据点、Tooltip 浮窗与交互事件。

快速上手与示例代码

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

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

export default function RevenueChart() {
  const data = [{ date: 'Q1', revenue: 100 }, { date: 'Q2', revenue: 230 }];
  return <LineChart data={data} xKey="date" yKey="revenue" />;
}

技术选型建议与适用场景

• 非常适合：现代 SaaS 财务分析看板、用户增长指标图表、Crypto 资产监控等高颜值数据仪表盘。
• 不适用场景：需要处理数百万级超大规模节点关系的复杂拓扑图谱系统。