Tremor
Tremor 是一个开源的 React 库,提供超过 35 个无障碍的 UI 组件,专为构建图表和仪表盘而设计。它使用 Tailwind CSS 和 Radix UI,提供视觉上吸引人且可定制的组件,简化数据可视化开发。Tremor 面向希望快速创建复杂仪表盘而无需关注设计细节的网页开发者、数据分析师和产品经理。
其模块化设计支持键盘导航和无障碍功能,并与 Recharts 集成,支持跟踪器和条形列表等高级可视化。该库强调生产环境的准备、无障碍性和易于定制,是构建分析界面和数据驱动应用的实用选择。
🧩 35+ 开源组件:使用可访问、可定制的 React 组件构建仪表盘和图表。
🎨 Tailwind CSS 样式:享受美观的默认样式和通过简单属性快速定制。
⌨️ 键盘导航:模块化输入组件完全支持键盘操作,提升无障碍性。
📚 250+ 区块和模板:访问大量预构建区块和模板,快速启动项目。
📊 高级可视化:包括追踪器、条形列表和微型可视化,提供详细数据视图。
开源,重点关注无障碍和键盘导航。
丰富的现成区块和模板,加快开发速度。
基于 React、Tailwind CSS、Radix UI 和 Recharts 等流行库,可靠性高。
适用于复杂数据可视化需求的生产级组件。
通过简单属性和 Tailwind CSS 集成,易于定制。
主要专注于 React,限制在其他框架中的使用。
可能需要熟悉 Tailwind CSS 以实现有效定制。
什么是 Tremor?
Tremor 是一个开源的 React 库,提供可访问的 UI 组件,用于构建图表和仪表盘,采用 Tailwind CSS 进行样式设计。
谁适合使用 Tremor?
网页开发者、数据分析师、产品经理和前端工程师都可以使用 Tremor 快速创建复杂的仪表盘。
Tremor 是免费使用的吗?
是的,Tremor 完全免费且开源,允许自定义和社区贡献。
Tremor 使用了哪些技术?
Tremor 采用 React、Tailwind CSS、Radix UI 和 Recharts 构建,提供现代、可访问且适合生产环境的组件。
如何开始使用 Tremor?
你可以通过直接复制组件到项目中,或安装 NPM 包以结构化使用来开始使用 Tremor。
Tremor 的组件支持无障碍功能吗?
是的,Tremor 的组件支持键盘导航,并且设计时考虑了无障碍性。
Tremor 提供哪些模板?
Tremor 提供超过 250 个区块和模板,包括使用 React 和 Next.js 构建的仪表盘模板,帮助快速启动应用。

