Tailwind Weekly #18: TWUI renderless components are coming ✨!

Oh man, oh man. Renderless component are becoming a reality! I have been dreaming about this ever since I discovered Adam’s post.

Now I’m even more convinced that Tailwind UI is a steal at that price. Imagine having all of bootstrap’s components, ready for you to drop in your styles and customize them according to whatever you like, without having to fight with the default styles or override anything. Tabs, accordions, dropdowns, modals, tooltips, etc, all ready to be imported, styles and deployed with only the CSS you actually need.

Lean frontend development baby 😎.

Now, onto the goodies 👇!

Adam teased us mid-week with an example of a prototype of a renderless component he was working on, then on Friday he streaming how to build a select menu that way.

For those of you who don’t know, Adam has been talking about renderless components for a few years now and now with Tailwind UI, it looks like the team decided now it’s a great time to create them en masse.

Be sure follow the repo. In my opinion, this is gonna be HUGE for the ecosystem, since the main downside of using Tailwind is that you either create your components from scratch with it or you heavily modify a third party package with @apply stuff, a la old bootstrap style.

I think that, besides native PurgeCSS support, having a library of very tailwind friendly components that add just the logic and let you style them however you want, will be monumental in increasing adoption and developer experience. I think this will finally make tailwind feel “complete”, like some people think Bootstrap is.