Erwin AI

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.

Add a comment

Replies

Best
Sergei Vdovin
Thanks for a product that makes life easier for developers. This is exactly what I was missing in Tailwind. Also cool logo! Congrats for launching!
Alexander Khoroshikh
It looks amazing! I'm still skeptical about Tailwind, and I really didn't see what its use was the first time I tried it, but looking at the Tailscan features makes me think about taking the time to try Tailwind again πŸ˜… Also, do you have any plans to support more browsers in the future? I really like how Firefox dev-tools are improving lately and at the moment it is my main browser for development - i think, it would be pretty cool to have dev-tools like Tailscan in Firefox too πŸ€” Congrats on the great launch!
Erwin AI
@alexander_khoroshikh It's never too late to start using Tailwind 😁 I've started with support for Chromium-based browsers. Mostly because it's the biggest segment of browsers. I think Firefox accounts for 4% of global usage. But developers use Firefox more often (I think around 10%). If it starts making economic sense for me to build, I'll definitely make a Firefox version. Thus far I've had the question 4 times :)
Erwin AI
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
Paul Zimmer
Congrats on launch – great product!
Alex
Great tool for great framework, congratulations on launch πŸš€
Dan Robins
Nice work, looks like a great tool! I love tailwind, and this looks like it'll make it even more powerful!
Erwin AI
@dan_robins Thank you Dan, means a lot!
Nick Russell
Nice tool, I'm a huge fan of Tailwind - looking forward to checking this out too!
Dirkjan
This is very useful. Love that you can try it out directly on your website. Congrats on the launch Erwin!
Danielle Johnson
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! πŸŽ‰
Erwin AI
Thank you @dinkydani21 πŸ™πŸ™Œ!
Tibo
I feel fomo so much of not using tailwind!!
Erwin AI
You can always make the switch @thibaultll , it's 1000% worth it!
Sander Visser
I loved seeing you work hard towards this launch. The landing page looks really polished. Congrats!
Erwin AI
@fishsander Thank you Sander! It has been quite the journey thus far. And just getting started!
Josef BΓΌttgen
Super excited about your launch as I soon will start working with Tailwind (Tailscan is part of the inspiration of doing so). πŸ‘
Erwin AI
@josefbuettgen πŸ™Œ Glad to have inspired you to try Tailwind CSS!
Bjarn Bronsveld
This might be very useful to me and other Tailwind devs, thanks! Congrats on the launch :)
Erwin AI
Hope it'll be a game-changer for many! Thank you @bjarnbronsveld !
Shivi Goel
This can be very useful to improve productivity. Congratulations @erwin_lengkeek
Claudia Yusron
Congratulations! πŸŽ‰
Erwin AI
@claudia_yusron πŸ™πŸ˜ Thank you!
Minh-Phuc Tran
Game changer for TailwindCSS devs. Love that we can bring our own config. πŸ”₯
Erwin AI
@phuctm97 Config was an absolute requirement in my book. More advanced projects are usually very config dependent and it's built to support those advanced use cases fully 😁
Dominik Sobe
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!
Erwin AI
@sobedominik πŸ™Œ Thank you! Just getting started, there's lots of new features coming soon!
Alex Styl
The exact tool we needed for Tailwind css
Erwin AI
@alexstyl Glad I'm not the only one that needed it haha!
Nick
I'm an early user of Tailscan - great product, makes life so much easier & saves a lot of time when working with TailwindCSS! πŸ‘ Thank your for making this tool!
Erwin AI
Thank YOU for all the feedback and testing @fryingneurons ! It means a lot 😁