DEV Community 👩‍💻👨‍💻

Cover image for Tremor - Free React Library for Dashboards
Sm0ke
Sm0ke

Posted on • Updated on • Originally published at admin-dashboards.com

Tremor - Free React Library for Dashboards

Hello coders!

This article presents Tremor, an open-source React Library for coding dashboards. The product uses a modern stack powered by Tailwind, React, and Recharts with the main focus on scientists and developers that build dashboards and analytics products. Thank you for reading!

  • 👉 Tremor - homepage
  • 👉 Tremor - official docs

✨ What is Tremor

Tremor is a low-level, opinionated UI component library to build dashboards. It offers components, such as charts, layouts, or input elements, covering the essential parts of a dashboard or analytical interface.

Their approach provides flexibility between beautiful defaults and fast customization. The best way to get started is to check out our templates, called Blocks, for getting a feeling of how components are used and combined.


✨ GitHub API & Tremor Sample

For those interested to see this library in action, this sample pulls developers stats via GitHub public API and injects the information in Tremor Charts

GitHub API & Tremor - Open-Source Sample provided by AppSeed.


Thanks for reading! For more resources, feel free to access:

Latest comments (21)

Collapse
 
mbakog90210 profile image
mbakoG90210

@sm0ke thanks for read, Great nifty library... just out of curiosity, if say, I already had a multi-page site (mostly static generic home, about, contact e.t.c) built using material-ui or chakra components, would this be intergratable seeing as its based on tailwind? From experience I havew found that trying to incoporate 2 or more UI frameworks is a pain, especially once going into production mode

Collapse
 
sm0ke profile image
Sm0ke

Hello!
For a clean codebase and easier maintenance might be a good decision not to mix frameworks.

Collapse
 
mbakog90210 profile image
mbakoG90210

Ok thanks... Is it then possible to use Tremor with a different framework instead of using tailwind from the start then?

Collapse
 
asimiqbal333 profile image
asimiqbal333

🚀👍

Collapse
 
dejanfajfar profile image
Dejan Fajfar

Really like this

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

Collapse
 
chriscthomas profile image
Chris Thomas

Definitely going to keep my eye on this one.

Collapse
 
sm0ke profile image
Sm0ke

cool

Collapse
 
jgabriellima profile image
João Gabriel Lima

Excellent job!! 👏🏽👏🏽👏🏽

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

Collapse
 
the_riz profile image
Rich Winter

Nice stuff!
It would be nice to see a comparison graph of 2+ metrics compared in the line-chart. Sales for X and Sales for Y. Can it do that?

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀
Might be a good idea to ask this question in their support (Github issues tracker).

Collapse
 
devangtomar profile image
Devang Tomar

Wow this is really awesome 🙌

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

Collapse
 
madza profile image
Madza

Good job on this 👍✨

Collapse
 
sm0ke profile image
Sm0ke

ty

Collapse
 
cadentic profile image
sayantan chakraborty

it is tailwindish not material-ish :( else keep going :)

Collapse
 
uithemes profile image
ui-themes

I'm using Tailwind in all my projects recently.
Thanks for sharing.

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

Collapse
 
crearesite profile image
WebsiteMarket

Sounds good. The stack is rock solid.

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

We are hiring! Do you want to be our Senior Platform Engineer? We're hiring for a Senior Platform Engineer and would love for you to apply.

Head here to learn more about who we're looking for.