Windy is our newest Beyond Code product. It is a browser extension for Tailwind CSS developers. The extension can copy any HTML element on any website and transform it into HTML with Tailwind CSS classes.
Do you want to convert an existing website to Tailwind CSS or do you want to see how an existing element would be built with Tailwind CSS? With Windy, you can simply hover over any element, and the extension will instantly display the Tailwind CSS classes that would get applied to the selected element – no matter what frontend framework the website is using: Bootstrap, Bulma, handwritten inline styles – you name it.
With one click, you can copy the HTML element with all of its children converted to Tailwind CSS.
Here’s a quick demo of the extension:
Instead of spending weeks rebuilding existing websites or elements with Tailwind CSS, Windy simplifies this process and lowers the time significantly.
Developer tool integration
In addition to being able to hover over any HTML element, Windy also integrates directly into your browser’s developer tools.
You can highlight the HTML element in the developer tools, and Windy will show you the appropriate Tailwind CSS classes, as well as giving you the ability to copy the HTML code.
At the moment, Windy is available in early access as a Chrome and Firefox extension. Safari support is coming later in January 2021.
We put a lot of time and effort into Windy, to make it the Tailwind CSS browser extension for web developers.Filed in: News
Join 31,000+ others and never miss out on new tips, tutorials, and more.
- Software Developer
Remote (US & Canada)
- 😎 Laravel Developer
- Junior, Mid, and Senior Software Engineers. Laravel / Vue. Saint Petersburg, FL
Saint Petersburg, FL and Remote
- Senior PHP Developer (Laravel)
The Interaction Design Foundation
- Fullstack Laravel Engineer (Munich/Remote) 💻
Munich, Germany or Remote
Bandwagon is a Social Proof Package for Laravel
Laravel Bandwagon is a package to help promote social proof and legitimacy within your application.
21 Laravel Tutorials for Learning Laravel in 2021
2021 is a great time to learn Laravel and improve your knowledge if you’ve been using it. To start the year off…