Tremor

项目概述

Tremor 拥有超过 1.6 万 GitHub Stars，是全球公认构建现代 SaaS 仪表盘、KPI 统计看板与经营分析平台的标杆组件库。基于 Tailwind CSS 与 Radix UI（Tremor Raw）打造，以极高的视觉清晰度闻名。

核心特性

• 专为仪表盘定制的组件库：包含 KPI 汇总卡、进度条柱形清单（BarList）、面积趋势图与数据筛选器。
• ⚡️ Tremor Raw 源码拷贝架构：全面拥抱 shadcn 理念，组件代码直接融入项目，100% 自由定制。
• 顶级暗黑模式调色板：专门针对财务与运营数据指标进行了高对比度色彩调优。
• ♿️ 无障碍与模块化设计：完全支持键盘导航与屏幕阅读器无障碍读屏。

快速上手与示例代码

npx @tremor/cli@latest init

import { Card, Metric, Text } from '@tremor/react';

export default function MetricDemo() {
  return (
    <Card className="max-w-xs">
      <Text>月度经常性收入 (MRR)</Text>
      <Metric>¥ 684,200</Metric>
    </Card>
  );
}

技术选型建议与适用场景

• 非常适合：SaaS 平台核心仪表盘、运营数据监控中心、企业经营报表及需要极速搭建高质感看板的项目。
• 不适用场景：非仪表盘类的纯展示型内容博客或移动端营销 H5 页面。