DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 964,423 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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.

Links:

  • πŸ‘‰ 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.

Tremor - Components Gallery


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

Top 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 Author

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
 
uithemes profile image
ui-themes

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

Collapse
 
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

Collapse
 
madza profile image
Madza

Good job on this πŸ‘βœ¨

Collapse
 
sm0ke profile image
Sm0ke Author

ty

Collapse
 
cadentic profile image
sayantan chakraborty

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

Collapse
 
crearesite profile image
WebsiteMarket

Sounds good. The stack is rock solid.

Collapse
 
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

Collapse
 
asimiqbal333 profile image
asimiqbal333

πŸš€πŸ‘

Collapse
 
dejanfajfar profile image
Dejan Fajfar

Really like this

Collapse
 
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

Collapse
 
chriscthomas profile image
Chris Thomas

Definitely going to keep my eye on this one.

Collapse
 
sm0ke profile image
Sm0ke Author

cool

Collapse
 
jgabriellima profile image
JoΓ£o Gabriel Lima

Excellent job!! πŸ‘πŸ½πŸ‘πŸ½πŸ‘πŸ½

Collapse
 
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

Collapse
 
devangtomar profile image
Devang Tomar

Wow this is really awesome πŸ™Œ

Collapse
 
sm0ke profile image
Sm0ke Author

πŸš€πŸš€

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 Author

πŸš€πŸš€
Might be a good idea to ask this question in their support (Github issues tracker).

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.