Subscribe
Sign in
Tailscan for Tailwind CSS — The ultimate developer tool for Tailwind CSS
Tailscan is the ultimate developer tool for Tailwind CSS. Build and design your Tailwind website visually, right within the browser. You can also debug your website visually in seconds and check how other websites using Tailwind CSS are built.
77
Replies
Awesome!! Very happy to see you finally ship this after working so hard. It looks super polished and easy to use. Congrats on the launch Erwin! 🎉
I loved seeing you work hard towards this launch. The landing page looks really polished. Congrats!
@fishsander Thank you Sander! It has been quite the journey thus far. And just getting started!
Thank you @mathieuginod , hope I can help many devs using Tailwind with speeding up their development workflow :)!
Been beta testing Tailscan for the past 4 weeks and absolutely love it. I use Tailwind almost every day, so this tool saves me bunch of time opening Chrome dev tools all the time. The most amazing thing is the auto JIT compilation 💪 Thanks for making it, Erwin!
@sobedominik 🙌 Thank you! Just getting started, there's lots of new features coming soon!
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
This might be very useful to me and other Tailwind devs, thanks! Congrats on the launch :)
Hey Daniel, thank you for the kind words! Let me know if you have any questions! @dannyhabibs
Super excited about your launch as I soon will start working with Tailwind (Tailscan is part of the inspiration of doing so). 👏
Free DALLE-3 Avatar Generator