Windy

Transform every HTML element on any website to Tailwind CSS

19 followers

Transform every HTML element on any website to Tailwind CSS

19 followers

•

•

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.

Launch tags:Productivity•Developer Tools

Launch Team

EneyProactive AI for Mac. Free test, 20,000 credits.

Promoted

Tinkerwell

Maker

Hi! I'm Marcel, the developer of Windy. I built Windy to simplify the very time-consuming process of converting existing layouts over to Tailwind CSS. With Windy, this now becomes a matter of minutes, instead of hours or days. And even if you don't need to convert a whole existing layout over to Tailwind, Windy is extremely helpful to get some insights into how existing layouts or individual components would be built using Tailwind CSS. We have launched Windy as "early access", because we still want to add some additional features and add Safari support - but the core feature is ready to go. Let me know what you think of it!

Report

6yr ago

@marcelpociot Great extension Marcel. Definitely will use it. I'm just enjoying your Electron course :)

Report

6yr ago

Tinkerwell

Maker

@marcelpociot @csaba_kissi Thank you very much!

Report

6yr ago

@marcelpociot @csaba_kissi definitely a great idea and extension. Marcel is such a great maker :)

Report

6yr ago

@marcelpociot Fantastic and super useful.

Report

6yr ago

Tiny LLMs

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?

Report

6yr ago

Tinkerwell

Maker

@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.

Report

6yr ago

So I've got a problem with the plugin. I've sent a couple of emails to support about it. It isn't copying the majority of pages I'm trying correctly. Seems like flex and grid are off and not working or copying at all. The only site I've gotten it to work on is the actual Windy site.

Report

6yr ago

@john_hayes2 is there further discount on useWindy?

Report

6yr ago

@john_hayes2 @yyonfai Not that I'm aware of.

Report

6yr ago

@john_hayes2 I am not one to usually write negative reviews and don't plan on doing that completely here. What I want to make known is that this plugin is far from useful at the moment. It works on a small amount of sites currently and can definitely benefit those who use it for simple purposes. If you plan on using it for migrating an existing site, you may want to continue with your current workflow or find another tool that will be more beneficial than this current iteration of Windy. Don't get me wrong, I believe this plugin is going to be a huge time-saver and be extremely useful in the future. For now, it is just not at that point. I guess what I'm saying is that if you make the purchase and expect to be able to use the plugin with immediate satisfaction or to add it into your current workflow, you may be disappointed. Beyond Code is an excellent team and have excellent products, but this one is not ready for mainstream or even an early release in my opinion. If you want to use it to copy HTML without opening devtools and to get some insight into TailwindCSS classes, then you may very well be happy. For me, this is not the case and I am going to have to discontinue my usage until the plugin is more polished and beneficial for myself. At the current price point, I don't mind paying extra for the plugin when it is more polished. If you are the type of person to kickstart products, then I would suggest buckling up and staying in for the ride. I really look forward to seeing what has become of Windy in a few months. Good luck to you all and to the team at Beyond Code. Last, thanks for being an innovator and putting out some great products Beyond Code.

Report

6yr ago

Tinkerwell

Maker

@john_hayes2 Thank you for your detailed review! We are indeed working on improvements and version 1.0.6 got released today. This version does a better job at detecting styles that have been merged from parent components, etc. We believe that there are many improvements in the upcoming months and that we are able to make it work on complex sites too :)

Report

6yr ago

Slugify

@marcelpociot is this product still alive? Can we use custom tailwind configs (for colors and other stuff)?

Report

5yr ago

Tinkerwell

Maker

@andre92 Yes, it is! We released a new version recently that now allows you to customize the Tailwind configuration, and adds a lot of performance and conversion improvements.

Report

5yr ago

I’m not a front-end developer, but I need to do that task sometimes and when I read about Windy, the meme “shut up and take my money” became a reality. A great tool that I hope that grow a lot next year.

Report

6yr ago

Tinkerwell

Maker

@ulysess10 Thank you so much!

Report

6yr ago

Recently started using it while migrating a legacy system that was full of random css; both inline and split into several files. I am not sure but the feeling is that my productivity went up by about 1000% while also getting rid of most of the boring stuff. Mostly do back-end work so this service is just even more amazing to me because of that. The fact that it lets me spend time on fine tuning the code instead of mindlessly smashing away on the keyboard is worth soo much! Getting it was a no brainer and im just sad it wasnt a part of my stack earlier! Going to stop now since im getting the feeling im starting to sound like a crazy person. Enough of the ranting; i love Windy and so will you!

Report

6yr ago

Tinkerwell

Maker

@kwickell Woah...thank you so much, Kim! I'm so happy that Windy increased your productivity and even made your work less boring!

Report

6yr ago

Bought this and pretty happy with it. I've been using tailwind from some time and while it's great a lot of templates or sites will use bootstrap so I can see this coming in handy as it's really simple to work with and will likely save me a lot of time.

Report

6yr ago

Tinkerwell

Maker

@slyfirefox Thank you! Yeah, converting existing websites, regardless if they are using Bootstrap or any custom CSS framework is a great use case for Windy.

Report

6yr ago

1 2 3 4

Pros

Cons

Reviews