The React library to build dashboards fast

The React library to build dashboards

ProgressBar.tsx

<Card>

<FlexalignItems="items-start">

<Block>

<Text>Ticket Sales</Text>

<Metric>$ 71,465</Metric>

</Block>

<BadgeDeltatext="12%"deltaType="increase"/>

</Flex>

<FlexmarginTop="mt-3">

<Text><Bold>32%</Bold>of annual target</Text>

<Text>$ 223,328</Text>

</Flex>

<ProgressBarpercentageValue={ 32 } marginTop="mt-3"/>

</Card>

Ticket Sales

$ 71,465

12%

32% of target

$ 223,328

Built on top of:

Modular components to build dashboards in a breeze. Fully open-source, made by data scientists and software engineers with a sweet spot for design.

20+ components

Apache-2.0 license

TypeScript Support

Some examples built
with the library:

Total Sales

23.1%

$ 442,276

from $ 382,482

Product A

$ 100,838

(38%)

Product B

$ 90,224

(34%)

Product C

$ 74,301

(28%)

KPI Cards

Data bars, metric cards, or delta badges are put together to show summarizing information of data.

Profit Performance

April 2022

  • Switzerland

    $ 453,963

  • Norway

    $ 25,093

  • Germany

    $ 73,661

Lists and Tables

Modular lists and tables that go along with badges, icons, or visualization elements.

Population growth rate

From 1951 to 2021 • ourworldindata.org

Charts

Charts are hard, so we already pushed the pixels that you can focus on data. A set of basic charts ready to be fed by data. No need to take care of the grunt work.

Lena's Webshop

Uptime

99%

Advanced Visualizations

Status bars, performance monitors, and many more components to visualize complex use cases gracefully.

Dropdown
Multiselectbox
Datepicker

Powerful Utilities and More...

Buttons, icons, inputs, datepicker, layout elements, tabs, page shells, and many more components to build interfaces.

Testimonials

Twitter voices

Already loved by developers from all over the world

  • Tremor makes it so easy to build beautiful dashboards. The ReactJS NextJS ecosystem just keeps getting better and better 😍

    CEO @ Vercel
  • Love how clean the dashboard library from @tremorlabs is 🔥

    Senior Software Engineer @ Stripe
  • I mostly hate React with burning passion, but then there are tools like this that the Vue ecosystem just doesn't have... alas ❤️🙏️

    Founder @ Creative Change
  • Super excited to see the Tremor release, Looking forward to using it in my side projects and maybe internally at Mentimeter :) it looks fantastic

    Engineering Manager @ Mentimeter
  • It is a solid 10/10 for me and I am sure this project will take over the dashboarding business in the upcoming months!

    Founder @ useplunk
  • Love this idea of a utility-focused design system. Really hits the core of what a good design system should be— specialized components for your specific product. No reason to reinvent the wheel! Excited to incorporate Tremor into BarHop's admin site

    Software Engineer @ Newsela
More defaults, less code

A blazingly fast workflow

Get more than 20 components with beautiful defaults and simple props. From charts to input and layout elements, we covered all the essential components to lift the tedious front-end work from your shoulders. Get ahead with our simple API approach in no time.

ProgressBar.tsx

<Card>

<Text>Ticket Sales</Text>

<Metric>$ 71,465</Metric>

<FlexmarginTop="mt-3">

<Text><Bold>32%</Bold>of annual target</Text>

<Text>$ 223,328</Text>

</Flex>

<ProgressBarpercentageValue={ 32 }marginTop="mt-3"/>

</Card>

Ticket Sales

$ 71,465

32% of annual target

$ 223,328

Combines design and analytics

Never build dashboards from scratch again

Creating analytical interfaces is hard. We have distilled all our knowledge from building dashboards into tremor. Besides our components, we provide a varierty of templates built on top of tremor to give developers a head start on building great interfaces.

Text

Activity summary

Metric

300.2 hours

Tabs
BarList

Running

Paddle tennis

Functional strength

Yoga

Cycling

45h

35h

71h

120h

91h

See our demo dashboard

Get a live preview of a dashboard built with tremor components.

Live preview