Copy elements from any website as a Tailwind CSS component
Speed up your workflow with Windy and save hours or even days when converting existing styles to Tailwind CSS.
Transforming to Tailwind is a breeze
Converting existing sites and projects to Tailwind CSS is a time-consuming and tedious process. So don’t waste your time. Save hours or days of hassle with Windy.
This simple browser extension allows you to copy HTML elements from any site and instantly transform them into Tailwind CSS.
How the magic happens
Once you’ve downloaded the Windy extension and installed it on your browser, simply hover over any element on any website and instantly see the Tailwind CSS classes.
Highlight or click on any element and Windy will copy the converted Tailwind CSS directly to your clipboard. Paste it into your project and you have a good starting point for further details.
Open our box of tricks
Windy supports all Tailwind CSS version, from v1 to v3, and will work its magic with custom CSS and frameworks like Bootstrap, Bulma and Foundation.
Custom Config
Create a custom Tailwind CSS config file to copy your own colors, fonts and other elements you’ve changed.
Media Query Report
Windy applies Tailwind CSS prefixes to all classes to copy the responsive versions of every site.
Inspect Element
Use Windy straight from the element inspection panel in your browser’s developer tools.
Why use Windy?
If you’re looking to convert an older site or legacy project to Tailwind CSS, Windy is a no-brainer. It’ll save you some serious time and hassle. But that’s not all it’s good for.
Get Insights
See how an existing layout or individual component would be built using Tailwind.
Be inspired
Take inspiration from other sites you admire and modify their elements to your needs.
Testimonials
A breath of fresh air
Windy has taken the development community by storm.
But don't just take our word for it.
»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 fiddling around with layouts, fonts and table styling. Completely worth it – I can’t say enough about it.«
Spencer Long
Software Engineer
Team licensing
Request a custom quote for your team or company that you can share with your manager or purchasing department.
Where you want it
Use Windy on two separate devices and browsers and switch an activation at any time in our license management platform.
24/7 Backup
If you run into any issues, just visit the Windy community or send an email to support@beyondco.de.