Skip to content

Automatic Conversion of styles to Tailwind CSS

Converting existing styles to Tailwind CSS can be done manually, but BeyondCode created a great utility that helps make the process a lot faster.

It is a browser plugin called windy (at the time of writing the price is 49 EUR). The plugin works with any Chrome or Firefox based browser.

The result isn’t perfect, but it does make the process faster.

Watch this 4 minute video to see how it works:

One small but sometimes useful feature of windy that isn’t mentioned in the video is that when holding the Shift key while clicking on a DOM section, the plugin will copy only the tailwind styles for the target element, not the HTML + Tailwind CSS classes.