Skip to content
don’t make it ugly
All resources

Component libraryComponents

Tremor

Copy-paste React components for dashboards and charts.

Open sourceFree
Preview of Tremor

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

Can my agent use this?

Agent excellent agent friendliness

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

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • Copy/paste

  • Origin UI
    Preview of Origin UI

    Origin UI

    Hundreds of polished, practical components built on shadcn/ui conventions.

    excellent agent friendlinessComponent libraryFreeOpen sourceStaff pick
  • Aceternity UI
    Preview of Aceternity UI

    Aceternity UI

    Showy, copy-paste React components for landing pages that need a moment.

    good agent friendlinessComponent library
  • Magic UI
    Preview of Magic UI

    Magic UI

    Animated React components and effects for landing pages, built to sit alongside shadcn/ui.

    excellent agent friendlinessComponent libraryOpen source
  • Tailwind Plus
    Preview of Tailwind Plus

    Tailwind Plus

    The official paid Tailwind component and template catalogue (formerly Tailwind UI).

    limited agent friendlinessComponent library