---
name: Tremor
slug: tremor
url: "https://dontmakeitugly.com/resources/tremor"
website: "https://tremor.so"
github: "https://github.com/tremorlabs/tremor"
docs: "https://tremor.so/docs/getting-started/installation"
type: component-library
categories:
  - components
tags:
  - react
  - tailwind
  - dashboards
  - charts
  - data-viz
  - tables
  - saas
frameworks:
  - react
  - nextjs
  - tailwind
pricing: free
license: Apache-2.0
openSource: true
agentFriendly: excellent
agentAccessMethods:
  - documentation
  - github
  - copy_paste
difficulty: beginner
dateAdded: "2026-09-02"
lastVerified: "2026-09-02"
---

# Tremor

Copy-paste React components for dashboards and charts.

- Type: Component library
- Categories: Components
- Pricing: Free · License: Apache-2.0
- Open source: yes
- Works with: React, Next.js, Tailwind CSS, TypeScript, Recharts, Radix UI

## What it is

Tremor is a library of dashboard-focused components (charts, KPI cards, tables, bar lists, trackers) built with React, Tailwind and Recharts. It follows the copy-into-your-project model, so the code is yours to adjust. Good default styling that looks like a finished product rather than a chart demo.

## Why it's here

If you're building anything with numbers in it, start here. The charts have sensible defaults, and the KPI and table components save you from inventing dashboard patterns from scratch.

## Best for

- SaaS dashboards
- analytics pages
- charts
- admin panels

## Links

- Website: https://tremor.so
- Docs: https://tremor.so/docs/getting-started/installation
- GitHub: https://github.com/tremorlabs/tremor

## Can my agent use this?

Yes. Docs include full component source and usage examples. Tell your agent which chart or block you need and it can copy it in.

Agent friendliness: Excellent. Public docs, public source or an installable package. An agent can read, install and implement this directly.
Access methods: Docs, GitHub, Copy/paste.

## Prompt to hand your agent

```text
Use Tremor as a design and implementation reference for this project.

What it is: Copy-paste React components for dashboards and charts.

Website: https://tremor.so
Documentation: https://tremor.so/docs/getting-started/installation
GitHub: https://github.com/tremorlabs/tremor

Use it specifically for:
- SaaS dashboards
- analytics pages
- charts
- admin panels

How you can access it: Docs, GitHub, Copy/paste.
Works with: React, Next.js, Tailwind CSS.
License: Apache-2.0. Respect it.

Study the relevant design and implementation patterns, but adapt them to this project's existing architecture, visual language, accessibility requirements and conventions. Do not blindly copy the entire resource.
```

## Related

- [Origin UI](https://dontmakeitugly.com/resources/origin-ui.md): Hundreds of polished, practical components built on shadcn/ui conventions.
- [Aceternity UI](https://dontmakeitugly.com/resources/aceternity-ui.md): Showy, copy-paste React components for landing pages that need a moment.
- [Magic UI](https://dontmakeitugly.com/resources/magic-ui.md): Animated React components and effects for landing pages, built to sit alongside shadcn/ui.
- [Tailwind Plus](https://dontmakeitugly.com/resources/tailwind-plus.md): The official paid Tailwind component and template catalogue (formerly Tailwind UI).

## In collections

- [Beautiful open-source React components](https://dontmakeitugly.com/collections/beautiful-open-source-components.md)
- [Resources for beautiful SaaS dashboards](https://dontmakeitugly.com/collections/saas-dashboards.md)

Tremor is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.