Erwin AI

Tailscan Devtools - The ultimate developer tool for Tailwind CSS

Build, design and debug any Tailwind-based website with Tailscan, right within the browser. Tailscan Devtools is an expansion of Tailscan that tightly integrates with browser devtools. Speed up your workflow and prototype quicker than ever before!

Add a comment

Replies

Best
Erwin AI
Hello Product Hunt πŸ‘‹! It has been six months since Tailscan 2 has launched and something new has been in the making ever since ✨. Today I'm proud to show you Tailscan Devtools! Tailscan Devtools is a deep integration within the browser devtools that makes debugging and building your (or any) website with Tailwind CSS much easier than ever before. In the last 1.5 years, more than one thousand users have downloaded Tailscan and improved their workflow and are now debugging and prototyping faster than ever! Why use Tailscan Devtools, you ask? Browser devtools are great, but they aren't exactly made for a utility library like Tailwind CSS. Without Tailscan Devtools: ❌ Classes are purged: If you use Chrome Devtools to debug and build your website, you run into trouble when adding Tailwind classes because all the unused classes are purged from the CSS! ❌ No real-time feedback: You can't see your changes right away and prototyping or trying out different classes means you have to switch back and forth between your browser and code editor. ❌ No autocomplete: Browser devtools don't suggest classes to you, so if you happen to forget a class, you'll have to go to the Tailwind documentation first. Time consuming! Tailscan Devtools answers these questions with a deep integration to browser devtools to make working with Tailwind CSS in the browser an absolute breeze. βœ… Debug and build with Tailwind right within the devtools, classes are automatically compiled in real time. βœ… Quickly copy the class list or element with all the changes. βœ… Discover how any Tailwind-based website is built and what CSS is generated by which class. Besides the new functionalities in the Tailscan Devtools update, Tailscan can: βœ… Be used as a hover & inspect window as well (if you prefer this over browser devtools). βœ… Work with your own Tailwind config, so all custom classes are supported as well. βœ… Convert any element on any website to a Tailwind-based component. To celebrate the launch of Tailscan Devtools, there are a limited number of discounted lifetime licenses available for the next few days. 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
Ted Schaefer
@erwin_lengkeek Very cool - you're right, debugging tailwind is a pain with standard devtools. Looking forward to trying it out. Congrats on the launch πŸ˜„
Erwin AI
@sixbangs Thank you Ted! πŸ™‡ Let me know if I can be of any help!
Erwin AI
@mayankkr thank you for the kind words πŸ™‡πŸΌ it means a lot to me!
Nonthakon Jitchiranant
Big congrats on launching Erwin!!
Erwin AI
@nonthakon Thank you Nonthakon! Next time I'm in BKK we'll celebrate haha!
Nonthakon Jitchiranant
@erwin_lengkeek I cannot wait! Let’s find some good Thai restaurant :)
Lucian Devluc
This is so good for developers using Tailwind. Great addon for Tailscan. Supported. Good luck with the launch Erwin
Erwin AI
@luciantartea Thank you Lucian! πŸ™Œ
Dominik Sobe
πŸ’Ž Pixel perfection
The only Tailwind tool you ever need. Seriously, I use it every day and it saves me tons of hours every week debugging my Tailwind designs!
Erwin AI
@sobedominik Thank you so much Dom, for being the very first AND the most loyal customer of Tailscan πŸ™‡πŸ™‡!
laurent lahmy
Looking forward to trying!
Erwin AI
@laurenrlahmy Let me know if you do and what you think 😁!
levene
Very good project Tailscan Devtools
Erwin AI
@wong_levene Thank you!!
Frank James
Nestled where all your to dev tools belong. ❀️
Erwin AI
@frankjames Precisely 😻
Nimesh
great work, yet about great update to an already excellent tool! keep up the great work :)
Erwin AI
@supnim Thanks! Here's to many more updates in the future πŸ₯‚
Tobias Whetton
Love how simple it is to quickly jump in and edit any Tailwind site! Congrats on the launch Erwin πŸ₯³
Erwin AI
@twhetton Thank you Tobias, mucho appreciated πŸ™ŒπŸ™‡
Minh-Phuc Tran
Can’t refuse to love the native devtools integration 😍
Erwin AI
@phuctm97 πŸ™ Thank you Phuc!
1234
Next
Last