Windy - Transform every HTML element on any website to Tailwind CSS

Windy is a browser extension that allows you to copy any HTML element on a website and transform it into HTML with Tailwind CSS classes.

Add a comment

Replies

Best
Its really helpful to copy html elemets with styles. Good one, No need write exta css
Thank you very much!
Windy paid for itself in the first two hours after we purchased it. I transitioned a bootstrap 4 site and saved a solid two days in fiddling around with layouts, fonts, and table styling. Completely worth it, can’t say enough about it.
Thank you! Reviews like yours are the reason why we create developer tools ❤️
Another great tool in TailwindCSS ecosystem! Congratulations and good luck!
Amazing extension to make the lives of us Tailwind CSS users better!
For backend developer frontend is sometimes really hard. TailwindCss was a huge paradigm shift for me but I was still missing something. Now Windy has completely filled this gap. I love it!!!
So cool !
Another amazing project from If you're new to tailwind or a seasoned user this is the perfect tool to speed up your work and actually get work done fast! Would definitely recommend.
This is pretty cool - I'm curious how do you do this for something like colors where you don't have an exact match? Do you approximate the hex to the closest tailwind color?
Thank you! Yeah, right now we just get the closest color from the Tailwind color pallet. But in the future I also want to add the ability to write a custom Tailwind config file that can be used with the copied HTML.
I have found it very helpful for me. Easy to use and time saving as well. Superb!
Looks interesting! 💯