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.

    Component libraryFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Aceternity UI
    Preview of Aceternity UI

    Aceternity UI

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

    Component librarygood agent friendliness
  • Magic UI
    Preview of Magic UI

    Magic UI

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

    Component libraryOpen sourceexcellent agent friendliness
  • Motion-Primitives
    Preview of Motion-Primitives

    Motion-Primitives

    Tasteful animated components for React, built with Motion.

    Component libraryFreeOpen sourceexcellent agent friendliness
    Staff pick