The DevTools for Tailwind CSS bring back designing and debugging in your browser. Intellisense autocompletion, full JIT support, custom configs. Right from your browser.
Hi 👋
I'm Marcel, the developer of the DevTools for Tailwind CSS.
I absolutely love Tailwind CSS, and it's awesome JIT mode – which allows us to use all sorts of variant combinations, make use of before/after classes that were not possible before, or even use completely arbitrary CSS attributes right within Tailwind CSS.
But I also love to debug my Tailwind sites right in my browser's developer tools. Things like quickly adding a new class, toggling existing classes, or even just getting the hex code of a Tailwind class color.
The JIT mode (by design) removes this ability, in favor of all the beforementioned awesome features. That's why we developed this browser extension.
It brings back the development experience that you love right into your browser.
I hope that you like this extension as much as I do – I can't imagine working with Tailwind without it anymore.
Let me know if you have any questions!
Cheers,
Marcel
Report
@marcelpociot this seems to be super useful for development, awesome idea! 🌟
Report
@marcelpociot This is an awesome addition for TailwindCSS
@marcelpociot such a great addition to the Tailwind ecosystem! have the same "issue" with the JIT, so that's super helpful to have!
Report
Great idea, and the execution looks 🤌
JIT is a great addition to Tailwind, but indeed rapid modifications in devtool are then impossible (except when you reuse existing compiled classes)
Dare I ask if you plan to release it as a Safari extension? 🤞😊
Totally awesome! It is a great help in processes of development! Congrats on the launch! ^_^ Does there exist extension just for Chrome, or also for other browsers (or are you planning to develop it)? ^_^
Report
While JIT in Tailwind CSS is really awesome, it'll let you bang your head when you "just" want to try some little changes. So this awesome little extension brings back the intuitive Tailwind way of developing. Thanks @marcelpociot (et al) - this was an instant buy! 😄 Just hoping for a soon release on Firefox...
@dcsturm Thank you Daniel! We are in touch with Mozilla regarding getting our extension signed for Firefox. The technical part is already done – now its just a matter of getting it into the addon marketplace. 🤞
Looks cool in theory - however I bought Windy from these guys about a year ago and it was pretty buggy and has not been updated. Still in 'early access'. Disappointed in that purchase...I use Tailwind in all my projects and I've probably used windy 2/3 times.
@pj_manning Hey! Sorry to hear that you aren't happy with Windy. Early access is gone for quite some time and we also released a couple of updates throughout the last year. I'm currently working on a completely new conversion engine that supports Tailwind 3 (and JIT mode).
But yeah, Windy also depends on the complexity of the HTML and CSS that you are trying to convert to Tailwind and can not guarantee a 100% conversion on every site.
Report
After struggling for months to tweak layouts and designs using Tailwind CSS with native Browser capabilities, this tool is a true livesaver.
Utilizing the JIT mode of Tailwind CSS to enhance the dev-experience like this is genius.
Can't wait to design future landingpages together with this!
Awesome product from the great team at Beyond Code!
I wish you a great launch on Producthunt! :-)
Report
This looks to be a great tool, any plans for a Firefox port?
@jarrod_seccombe Yeah! The Firefox version is already ready to go, we are in touch with Mozilla because the extension needs to be signed in order for us to list it, which seems to introduce some issues. Hopefully we'll sort this out soon!
Tinkerwell
fynk
Sealit
Tinkerwell
Animali
Tinkerwell
Tinkerwell