Convert any HTML on any website to TailwindCSS

Latest Version

Version
1.3.5
Update
September 15, 2023
Size
2.31MiB
Developer
usewindy.com
Category
Users
5,000+
Rating
2.85714 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Storage
ClipboardWrite
ActiveTab

See more

Windy Extension

Speed up your workflow with Windy – the browser extension that transforms any HTML element into a Tailwind CSS component.

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.

This is a paid browser extension and you will need to have a valid license key, which you can obtain at https://usewindy.com
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "__MSG_extName__", "homepage_url": "https://usewindy.com", "description": "Convert any HTML on any website to TailwindCSS", "default_locale": "en", "permissions": [ "storage", "clipboardWrite", "activeTab", "" ], "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "web_accessible_resources": [ "stubs/tailwind_1.css", "stubs/tailwind_2.css", "stubs/tailwind_3.css" ], "background": { "scripts": [ "js/background.js" ], "persistent": false }, "devtools_page": "devtools.html", "browser_action": { "default_title": "__MSG_extName__", "default_icon": { "19": "icons/19.png", "38": "icons/38.png" } }, "browser_specific_settings": { "gecko": { "update_url": "https://usewindy.com/extension/updates.json" } }, "version": "1.3.5", "content_security_policy": "script-src 'self' ; object-src 'self'"}
Read more

Similar Extensions

icon

CSS To Tailwind Extension · Developer Tools 5,000+ 22 ★ 182KiB

icon

Devtools for Tailwind CSS Extension · Developer Tools 5,000+ 18 ★ 49.64MiB

icon

Supertweak Extension · Developer Tools 5,000+ 4 ★ 75.3KiB

icon

DivMagic - Copy Style from any website Extension · Developer Tools 5,000+ 55 ★ 1.3MiB

icon

Tailscan Extension · Developer Tools 5,000+ 16 ★ 1.92MiB

icon

Tailwind Devtools Extension · Developer Tools 5,000+ 8 ★ 103KiB

icon

Tailwind Cheat Sheet Extension Extension · Developer Tools 5,000+ 5 ★ 224KiB

icon

Tailwind CSS Devtools Extension · Developer Tools 5,000+ 7 ★ 857KiB

icon

Inspect Flow Extension · Developer Tools 5,000+ 5 ★ 900KiB

icon

Alpine.js devtools Extension · Developer Tools 5,000+ 34 ★ 67.78KiB

icon

Xdebug helper Extension · Developer Tools 5,000+ 429 ★ 70.13KiB

icon

Clockwork Extension · Developer Tools 5,000+ 74 ★ 2.26MiB

icon

Tailwind CSS Media Query Inspector Extension · Developer Tools 5,000+ 4 ★ 631KiB

icon

Vue.js devtools (beta) Extension · Developer Tools 5,000+ 149 ★ 2.54MiB

icon

Livewire devtools Extension · Developer Tools 5,000+ 16 ★ 1014KiB

icon

Gimli Tailwind Extension · Developer Tools 5,000+ 33 ★ 151KiB

icon

Laravel TestTools Extension · Developer Tools 5,000+ 67 ★ 449KiB

icon

CSS Used Extension · Developer Tools 5,000+ 184 ★ 164KiB

icon

CSS Scan Extension · Developer Tools 5,000+ 84 ★ 1.41MiB

icon

Vue.js devtools Extension · Developer Tools 5,000+ 2131 ★ 2.57MiB

icon

Blackfire Profiler Extension · Developer Tools 5,000+ 24 ★ 1.62MiB

icon

VisBug Extension · Developer Tools 5,000+ 252 ★ 5.38MiB

icon

Hoverify Extension · Developer Tools 5,000+ 145 ★ 14.54MiB

icon

SnipCSS Extension · Developer Tools 5,000+ 32 ★ 13.12MiB

User reviews

icon

Milad Nekofar (ID: 0000003c078911b8) Voted 2 ★ - Updated 08/26/2023 This plugin is no longer being updated and is not supported by the accountability team. It is also a paid plugin.

icon

Thibault Vaudelin (ID: 000000c8c4653912) Voted 2 ★ - Updated 06/02/2023 Works less and less almost every day. No feedback from the team on updates, many bugs, not working on local files. For the price, I would have expected something reliable and maintained. Sad to see it's not the case. Sadly, go look at other solutions but do not pay for this anymore.

icon

Nick Maietta (ID: 00000014e444595f) Voted 4 ★ - Updated 10/01/2022 I'm currently migrating many sites over to Tailwind from other frameworks such as Boostrap and Foundation. CSS is my weak point. This extention is letting me quickly learn by association what I normally expect and the equivalent in Tailwind 3 and I believe it's already paid for itself in 2 days of use because it's saving me time. I would like to see the ability to move the menu buttons around so that I can interact with the stuff under the buttons. To get around this, I've added a margin to push down the navbar on my sites below the Windy overlay so that I can access the elements on the page. Annoying, but at least it's working for me. Would like to see video instructions on how to best use this as I'm still not getting everything I am needing when using the tool. Left ALT button on my keyboard doesn't work with Windy extension but the right ALT keyboard key does. Weird. My alt keys both work normally for other applications just fine.

icon

Sergio Vazquez II (ID: 00000014874f7ea3) Voted 1 ★ - Updated 08/30/2022 OUTDATED JUNK - Requires a LICENSE (bait and switch) and doesn't support v3.

icon

Sean Madzelonka (ID: 0000006e7fd01316) Voted 4 ★ - Updated 01/29/2022 would love to see react and tailwindcss v3, tedious changing each style attribute.