The React library to build dashboards fast

ProgressBar.tsx

<Card>

<Text>Ticket Sales</Text>

<Metric=$ 71,465</Metric>

<FlexclassName="mt-3">

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

</Flex>

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

</Card>

Ticket Sales

$ 71,465

32% of annual target

$ 223,328

Newsletter revenue over time

Year: 2022 • Last update: Fri Jun 09 2023

ProgressBar.tsx

<Card>

<FlexalignItems="start">

<Block>

<Text>Ticket Sales</Text>

</Block>

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

</Flex>

<FlexclassName="mt-3">

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

</Flex>

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

</Card>

Ticket Sales

$ 71,465

text

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.

Get started

20+ components

•

Apache-2.0 license

•

TypeScript Support

Trusted by great engineering teams

Some examples built with our components

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

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

Dropdown

Multiselectbox

DateRangePicker

Powerful Utilities and More...

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

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

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

Dropdown

Multiselectbox

DateRangePicker

Powerful Utilities and More...

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

Twitter voices

Already loved by developers from all over the world

Tremor makes it so easy to build beautiful dashboards. The ReactJS / Next.js ecosystem just keeps getting better and better 😍
Guillermo Rauch
CEO @ Vercel
tremor.so is dope
Peer Richelsen
Co-CEO @ Cal.com
Made quite some progress in the last week 👀 Huge thanks @tremorlabs for saving me weeks of creating custom components
Eyk Rehbein
CS student and web engineer
I mostly hate React with burning passion, but then there are tools like this that the Vue ecosystem just doesn't have... alas ❤️🙏️
Philipp Tsipman
Founder @ Creative Change
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
Mike Carbone
Software Engineer @ Newsela
OMG I just saw tremor.so for the first time and it will be a GIANT HELP from now on
Emiliano Negri
Software Engineer
Tremor is going to take over. Intuitive, easy to use, and clean design. Lastest v2 release is 🔥
Marc Anthony Card
VP of Product Technology & Integrations
Tremor is the kind of library I prefer when creating tools, tbh. Just like Shopify Polaris, I don't want to think about styling, but just calling components, maybe change the color theme and start building
Harshdeep Singh Hura
Ecommerce consultant

I am in love with the @tremorlabs viz library & we've been working to adopt it in our Starter Kits. Today we merged the migration to Tremor in our Web Analytics Starter Kit. It's beautiful 😍
Alasdair Brown
DevRel Lead @ Tinybird
Love how clean the dashboard library from @tremorlabs is 🔥
Anthony Morris
Senior Software Engineer @ Stripe
Creating dashboards quickly 🤝 @tremorlabs
Drew Bredvick
Sales Engineering Manager @ Vercel
... If anyone else is looking for a super clean dashboard library then @tremorlabs have done an amazing job!
Michael Bell
Software Engineer
Termor looks interesting. Cool React components to build dashboards tremor.so
Flavio Copes
Creator of Bootcamp.dev
Fantastic set of UI modular components @tremorlabs to build dashboards with React. It comes with pre-built modular KPI cards.
Andrej Baranovskij
Full-Stack Engineer @ Katanaml.io
Using http://tremor.so for some dashboards for a project and they're coming out pretty nice.
Bilal Tahir
Front-end Engineer
Just found http://tremor.so, didn't think I needed charts in the portal that I'm building but now I think they would be awesome.
Carter McKay
Data and Web Engineer

This is a game changer for anyone using @tailwindcss!
Robert Bodley
Software Engineer @ Amazon
It is a solid 10/10 for me and I am sure this project will take over the dashboarding business in the upcoming months!
Dries Augustyns
Founder @ useplunk
We've loved working with the @tremorlabs team and contributing to the project. It's moving fast and they're releasing really meaningful changes. We expect to continue working with Tremor on additional starter kits like this one.
Tinybird
Serverless analytical backend for developers.
Nice! I recently stumbled upon Tremor. Great job!
Marcel Pociot
CTO @ Beyond Code
Great sample implementations on their Blocks page tremor.so/blocks, uses Tailwind for styling, Recharts internally for charts and has a steady set of updates and attention to detail.
Joost Schuur
JavaScript Developer @ Playmob
I was definitely hand-rolling all my own components. Which feels more and more dumb the more I view this library :)
Chris Pennington
Creator of Coding in Public
I was immediately sold out when I've found out about Datepicker, Select and Toggle components. Something I desperately needed and I've struggled to find a good and easy implementation using @tailwindcss You guys simply nailed it! Every single component is just 👌
Besfort Oruci
Software Developer
Super excited to see the Tremor release, Looking forward to using it in my side projects and maybe internally at Mentimeter :) it looks fantastic
Geordi Dearns
Engineering Manager @ Mentimeter

Tremor makes it so easy to build beautiful dashboards. The ReactJS / Next.js ecosystem just keeps getting better and better 😍
Guillermo Rauch
CEO @ Vercel
Super excited to see the Tremor release, Looking forward to using it in my side projects and maybe internally at Mentimeter :) it looks fantastic
Geordi Dearns
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!
Dries Augustyns
Founder @ useplunk
I am in love with the @tremorlabs viz library & we've been working to adopt it in our Starter Kits. Today we merged the migration to Tremor in our Web Analytics Starter Kit. It's beautiful 😍
Alasdair Brown
DevRel Lead @ Tinybird
Creating dashboards quickly 🤝 @tremorlabs
Drew Bredvick
Sales Engineering Manager @ Vercel
Love how clean the dashboard library from @tremorlabs is 🔥
Anthony Morris
Senior Software Engineer @ Stripe

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.

Read the docs

ProgressBar.tsx

<Card>

<Text>Ticket Sales</Text>

<FlexclassName="mt-3">

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

</Flex>

<ProgressBarpercentageValue={ 32 }className="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.

See our blocks

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 demo dashboard built with Tremor components or learn how to rebuild it.

Live preview Rebuild dashboard

See our demo dashboard

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

Live preview

The React library to build dashboards fast

The React library to build dashboards fast

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

Some examples built with our components

KPI Cards

Lists and Tables

Charts

Advanced Visualizations

Powerful Utilities and More...

KPI Cards

Lists and Tables

Charts

Advanced Visualizations

Powerful Utilities and More...

Testimonials

Already loved by developers from all over the world

A blazingly fast workflow

Never build dashboards from scratch again

See our demo dashboard

See our demo dashboard