Marcel Pociot

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
NIKHIL BABY SUNNY
Its really helpful to copy html elemets with styles. Good one, No need write exta css
Marcel Pociot
@nikhil_baby_sunny Thank you very much!
Spencer Long
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.
Marcel Pociot
@spencerrlongg Thank you! Reviews like yours are the reason why we create developer tools ❤️
Wojciech
Another great tool in TailwindCSS ecosystem! Congratulations and good luck!
Sander Muller
Amazing extension to make the lives of us Tailwind CSS users better!
Stef Rouschop
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!!!
Hans Pagel
So cool @marcelpociot!
Bobby Bouwmann
Another amazing project from @marcelpociot 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.
Bilal Tahir
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?
Marcel Pociot
@bilater 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.
Alex Bernett
I have found it very helpful for me. Easy to use and time saving as well. Superb!
Max Prilutskiy
Looks interesting! 💯