DevTools for Tailwind CSS

The DevTools Tailwind deserves

27 followers

The DevTools Tailwind deserves

27 followers

•

•

The DevTools for Tailwind CSS bring back designing and debugging in your browser. Intellisense autocompletion, full JIT support, custom configs. Right from your browser.

Payment Required

Launch tags:Productivity•Developer Tools

Launch Team

AWS Startup AdvisorPersonalized AWS guidance that meets you where you’re already building

Promoted

Tinkerwell

Maker

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

4yr ago

@marcelpociot this seems to be super useful for development, awesome idea! 🌟

Report

4yr ago

daily.dev

@marcelpociot This is an awesome addition for TailwindCSS

Report

4yr ago

fynk

@marcelpociot such a great addition to the Tailwind ecosystem! have the same "issue" with the JIT, so that's super helpful to have!

Report

4yr ago

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? 🤞😊

Report

4yr ago

Sealit

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

4yr ago

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...

Report

4yr ago

Tinkerwell

Maker

@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. 🤞

Report

4yr ago

Animali

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.

Report

4yr ago

Tinkerwell

Maker

@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

4yr ago

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

4yr ago

This looks to be a great tool, any plans for a Firefox port?

Report

4yr ago

Tinkerwell

Maker

@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!

Report

4yr ago

1 2 3

Pros

Cons

Reviews