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:

Oldest comments (21)

Collapse
 
crearesite profile image
WebsiteMarket

Sounds good. The stack is rock solid.

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€

Collapse
 
uithemes profile image
ui-themes

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

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€

Collapse
 
cadentic profile image
sayantan chakraborty

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

Collapse
 
madza profile image
Madza

Good job on this πŸ‘βœ¨

Collapse
 
sm0ke profile image
Sm0ke

ty

Collapse
 
devangtomar profile image
Devang Tomar

Wow this is really awesome πŸ™Œ

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
 
jgabriellima profile image
JoΓ£o Gabriel Lima

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

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
 
dejanfajfar profile image
Dejan Fajfar

Really like this

Collapse
 
sm0ke profile image
Sm0ke

πŸš€πŸš€

Collapse
 
asimiqbal333 profile image
asimiqbal333

πŸš€πŸ‘

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?

Dream Big


Use any Linode offering to create something unique or silly in the DEV x Linode Hackathon 2022 and win the Wacky Wildcard category.

β†’ Join the Hackathon <-