Big news: A new addition to has arrived 🎉
↳ All blocks are now also available in plain Tailwind CSS
↳ Copy-and-paste components instead of an NPM package
↳ More free and open-source blocks
v2.0.0 is finally here! 🥳
Tremor is now fully built for
@tailwindcss
. What's new:
◆ Override and extend root styles with tailwind classes
◆ All HTML attributes extended
◆ Ref forwarding
◆ Bundle size decreased by 25%
→
✨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
Check it out on 🚀
📢 v3.7.0 is out with a quality-of-life improvement for our <MultiSelect/> component. It now displays the selected items in the input field.
More changes on:
Heading into the week with a new release – v3.11.0 is available! 📦
↳ <SparkChart/> component for area, line and bar chart
↳ <Textarea/> component
↳ Slidable Legend on all charts
↳ Rotatable x-axis labels and many more improvements
Check out the link below 👇
The wait is finally over – The first chart type <LineChart /> is now available as a copy-and-paste component 🎉
↳ Copy & paste, customize everything
↳ Using Tailwind CSS
↳ Built-in interactivity
Get it here:
Whenever we see charts from our users, we always notice some details that can be improved. This is why we have written down 6 chart features our users mostly forget 👇
Alright, let’s bring this to an end… v3.9.0 is out! 📦
↳ New component <ProgressCircle/>
↳ Custom chart tooltip
↳ Improved dark mode styles and other fixes
Link below 👇
Housekeeping for our <Tracker /> Raw component. Before / After:
↳ Added hover effect for better readability
↳ Switched from gap to padding to avoid flicker
<CategoryBar /> is now available as as a copy-and-paste component:
↳ Built-in marker with tooltip
↳ Use custom colors
↳ Accepts values from 0 onward
Get it here:
A quick update on props we added to Tremor Raw components this week:
With `tooltipCallback` you can create tooltip dependent interactions with BarChart, AreaChart, LineChart:
We just simplified the way to customize chart tooltips in . You can now use the prop `customTooltip` instead of handling it yourself in the root code. Check out the demo in the comments below👇
Tables with pagination: Are they really worth it? We cannot think of an example where they would be needed if a scrollable table with global search is already in place.
v3.8.0 has landed📦 Upgrade your analytics with our new click event features!
Big shout-out to our community members
@Maxime__Bauchet
and Jin for helping us get this feature out there.
Almost all of our charts are now available as copy-and-paste components. Here are some of our feature highlights:
↳ Click events
↳ Dark mode by default
↳ Full customization with Tailwind CSS
We just woke up to a crazy Twitter DM from a user on the other side of the world:
@Har_Bull
, from New Zealand, sent us a ready-to-use Figma UI kit including all Tremor components. He did it all in one weekend. Let's give him the best spotlight 🤯
Introducing the all-new Date Range Picker for
@dubdotco
Analytics – now with custom date range support.
Built with react-day-picker and
@tremorlabs
raw by the incredible
@actualTimWilson
and it's 100% mobile friendly 📱
Live demo →
Tremor package v3.17 is out!
↳ Adds x-axis and y-axis labels to all charts
↳ New sort order option "none" for <BarList/>
↳ Removes the value limitation on <CategoryBar/>
First release of the month: <BarChart /> is now available as a copy-and-paste component
↳ Copy & paste, customize everything
↳ Using Tailwind CSS
↳ Built-in interactivity
Get it here:
🫧Tremor v3.6 is here, adding:
◆ All-new Scatter Chart component
◆ Year navigation on the Date (Range) Picker
◆ New Table Footer component
See changelog →
On to the next one: <AreaChart /> is now available as a copy-and-paste component
↳ Copy & paste, customize everything
↳ Using Tailwind CSS
↳ Built-in interactivity
Get it here:
Working on a lot of improvements to provide the best chart experience...
We are testing a new feature to improve the handling of long category names or charts with lots of categories. Instead of displaying multiple lines, we use a legend "carousel" to avoid information overflow.
We have crossed 5,000 stars on
@github
⭐️ Thanks to all our stargazers and our community for your support and quality contributions.
We look forward to reaching the next milestone together 🚀
Introducing → tremor – the React Library to build dashboards fast.
◆ 20+ components to build dashboards
◆ 35+ templates to get a head start
◆ Comprehensive documentation
Thanks to everyone for supporting us. This one is for you guys.
Many users often forget that Tremor components come with a default dark mode. Check out our updated documentation, where you can now see our components in dark and light mode.
👉