The ultimate developer tool for Tailwind CSS

Hello Product Hunt 👋!

More and more developers (and designers!) are working with Tailwind CSS. And for good reasons! It's a great, intuitive and fast framework to build your website or app with.

However, I have been struggling with one thing in particular over and over again. A few months ago, I decided to build a solution myself.

❌ Classes are purged: I couldn't use Chrome Devtools to design and build my website like I was used to because all the unused classes are purged from the CSS! Great for performance on production, but not during development.

❌ No real-time feedback: The alternative was to switch back and forth between my browser and code editor for every class change wasn't much better, it took ages!

🤔 What if the full power of Tailwind was at your disposal where you need it most: the browser?

Introducing Tailscan: ✅ Design and build with Tailwind right within the browser ✅ Debug visually in seconds ✅ Discover how any Tailwind-based website is built

Tailscan gives you the full power of the JIT engine in the browser, on any website. Chaining variants? You got it! Arbitrary values? Sure!

You can also use your own Tailwind config, and Tailscan will support all generated classes right away!

And once you're done building, copy the class list, element or whole section into your code editor! It's that simple!

To celebrate the launch, I've added a limited number of early bird deals. Grab the deal before it runs out

I'd love to hear your questions, feedback and comments. Thank you very much 🙌

Have a great day!

Erwin