Tremor

Overview

Tremor is the benchmark open-source library for building modern dashboards, metrics summaries, and analytics portals. Built with Tailwind CSS and Radix UI (Tremor Raw), it delivers unmatched visual clarity.

Key Features

• Dashboard-First Components: Metric cards, KPI trackers, progress bars, area charts, and bar lists.
• Tremor Raw Copy-Paste: Full source code ownership compatible with the shadcn/ui ecosystem.
• Tailwind Native Tokens: Refined dark/light palette tuned specifically for financial and operational metrics.
• Accessible & Modular: High keyboard navigation and screen-reader accessibility.

Installation & Quick Start

npx @tremor/cli@latest init

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

export default function KPICard() {
  return (
    <Card className="max-w-xs">
      <Text>Monthly Recurring Revenue</Text>
      <Metric>$ 84,250</Metric>
    </Card>
  );
}

Why Choose Tremor?

• Best for: SaaS analytics consoles, financial dashboards, and executive reporting interfaces.
• Not suitable for: Mobile games or expressive non-dashboard landing pages.