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 👇
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.
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/>
🫧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 🚀
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:
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.
👉
5/5 Use higher contrast between text colors. While Version A might feel more harmonized now, it won't age well due to its softness. Version B is more noticeable and will be preferred over time.
Displaying insights first and then more analysis-oriented content as users navigate through a dashboard helps to create an intuitive analytics hierarchy 🔎
We worked with the awesome folks from
@redwoodjs
to bring the framework into our installation section. They took it further and recreated our whole demo dashboard for RedwoodJS. Get started here:
Controlled input components are here 🚀
In our 1.4 release, we improved all of our input components, now supporting controlled state and keyboard navigation.
→ Check it out here:
4/5 For mobile view, displaying only the start and end dates on the x-axis will look less overwhelming in most cases. In our charts, we offer the prop `startEndOnly` for this purpose.
We passed 3,000 stars on
@GitHub
! ✨
We want to thank our community from the bottom of our hearts. Tremor appeared out of nowhere and we are still blown away by the resonance we are receiving.
Another channel where you can complain about the lack of dark mode support. Join our Slack Community to help create the future of Tremor 🧑🏭
👉 Invite Link:
Our last block for the week: Metric 🤝 Line Chart
We like to give our metrics context. Adding a togglable line chart is a winning combination. Happy coding!
We just shipped a new version that mostly included contributions by our community. It contains important improvements of our existing components. Many thanks to everyone who contributed 🚢📦
Check it out on:
We love how tremor finds its way into enterprise applications. We are working hard to make it even more extensible. Big congrats to the team at
@runapihero
for this fabulous app 🤩💅
See tremor in action on December 27th!🍿
@jorgesancha
and
@sdairs
from
@tinybirdco
will walk you through the process of building a real-time data app using Kafka and Tinybird. Bonus content: they plug it into a fresh Tremor dashboard. Link to register is listed below 👇