hckrnws
Show HN: Tremor 3.0 – Open-source library to build dashboards fast
by exod983
Time to remove the Beta label. Tremor v3 is here, adding:
- Global theming via tailwind.config.js
- An out-of-the-box dark mode
- A new Tremor CLI helping you set up projects faster
This is nice. If you are looking for more choices, Tabler[1] is another such component template, and I have used it to knock off visual dashboards fast. Not related; just another happy user.
Is this similar to those kitchen-sink bootstrap themes that used to be popular, with jquery, charting libs and whatnot included, that your client buys for you to speed things up even though you're coding React?
These things aren't analogous to React. They're more like opinionated and consistent design systems. This one is built on Tailwind.
Does anyone know if there is something like this based on tailwind or utilizing tailwind? All these frameworks seem to be based on bootstrap.
Flowbite and shadcn-ui are ones to look at. I also like rsuite but it's super bloated which is my main complaint, but it has the best check-tree-picker component I've found.
Comment was deleted :(
I use Tablet on one of my projects. It’s good but a lot more involved compared to what Tremor seems to be.
Involved as in "feature rich" or involved as in "complicated to deal with"?
tabler for react is dead: https://github.com/tabler/tabler-react
Wrong repo? Here is the right one:
This is utterly useful! Thank you!
This is great - thanks!
does it support react native
After a quick test, I have found that it doesn't provide a way to a select date from years ago. How am I supposed to select January 2017? going back 1 month at a time? It's a very common use case.
From the docs [0], there's an option called enableYearPagination that probably does what you want:
"Adds additional buttons to jump through years."
Why is that a toggle.
Toggles are refusing to make a decision and making your customers do it for you.
I don’t understand this absolute opposition to customization. What would you do instead?
When a tool I use across jobs has a bunch of features that are controlled by toggles, then what I get from the tool changes every time I change jobs. No two teams are going to vote 'yes' on the exact same set of features, which means each job is a new adventure in 'will I be able to make this tool sit up and bark for us or will it be a constant source of stress?'.
Making UI elements like the month picker optional screams of internal schizophrenia in the team. Just turn it on. If you have some loud customer who insists they not be there, make a custom CSS file that hides them.
Don't make your users have to spend scarce social capital to get features that were available in the box. Just turn it on, man.
Take decisions :). Customization as a way to make an app better for my personal needs versus me (as a designer) not knowing how the app should be used and shifting the responsibility to the end user.
We had a whole area of "opinionated" tools. I guess that's over now?
If you're too tired to code in your spare time there is also:
Which is of course much more under the hood than just the frontend, but it's trivial to setup with docker and the learning curve is a joke.
Plus: your sql-skills create great charts :) and the dashboards can be shared. Another new option is easily embedding created charts and dashboards into other websites.
Love metabase - we use it as our internal BI to.
Also Looker Data Studio is amazing. Built an entire startup product embedding it on a web app.
Very nice visual style, just one (recurring) gripe: Line charts apparently do not allow for zooming in or panning data (which is critical for reviewing time series).
This is something I come across in pretty much every single dashboard/charting example, and that can turn a dashboard from "just a pretty thing" to "extremely useful".
Such a beautiful design, does it support Vue or is it only for React?
I was hoping to see support for React Native but according to one of their issues]1], they need another contributor for it and "other JS frameworks"
You probably just want Tailwind css in react native. There are a few options to get those in. This tremor is mostly just some wrappers around tailwind.
This seems really good for standard Saas reporting pages. Looks like it's missing two things that seem to be pretty common: funnel charts and a drag n' drop layout where users can self organize the cards / add new ones. Any chance that's coming?
Would love to sponsor this project!
I really like this changelog page -- makes me wonder why isn't some easy to use custom HTML element for displaying a changelog page now that we have conventional commits (and at least one or two programs that generate changelogs programmatically from them)
Can you make gantt charts with this? Many such libraries are missing this which is super annoying.
This looks really neat. How easy is it to bolt on if you already have an existing design system without tailwind in use?
Thank you for sharing. I have been utilizing it for my ongoing project. However, I am curious about the reason behind your decision to change the class name of Tailwind to "-tremor-".
Comment was deleted :(
I'm a big fan of Tremor! Initially used it for their next level AreaChart but now using everything I can because they're just really nicely designed. The tailwind integration is great too.
Please fix the scroll restoration, it makes it extremely annoying to navigate. Especially on the component view where I look at a component and want to go back and look at the next one
I recently went down the rabbit hole of car data visualization software. For example, AEMData:
https://www.google.com/search?client=safari&hl=en-us&q=aemda...
This is seemingly used by everyone in car racing, tuning, etc.
But most of the software like this are all pretty ancient Win98 styled interfaces using what looks like MFC.
Is there any reason that Tremor or Tabler or Highcharts or D3 or any other modern dataviz hasnt usurped this space? Why isn't there a web based analytics tool for the auto sector?
Can someone help me understand where tools like this fit?
Are they Tableau dashboard replacements?
Are the better than a standard bootstrap admin theme?
Looks great.
Does it support live updating via websocket/sse ?
Have to see if it plays well with SvelteKit.
Does it support react native?
Can it Svelte?
[dead]
Seriously, most of "react" project just needs a professional template to start with. That's all you need.
I prefer a library to only focus on "Layout" and "Template" instead of components.
Crafted by Rajat
Source Code