Devtools for Tailwind CSS

Latest Version

Version
1.1.1
Update
August 2, 2023
Size
49.64MiB
Developer
devtoolsfortailwind.com
Category
Users
3,000+
Rating
2.5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage

See more

Devtools for Tailwind CSS Extension

The DevTools for Tailwind CSS extension allows you to easily work with Tailwind CSS classes on your websites by adding the full power of the JIT engine to your browser. No more missing classes while trying to debug any Tailwind classes on your website.

This is a paid extension and requires a valid license key, that you can obtain at https://devtoolsfortailwind.com/

💡 Intellisense class autocompletion

The Tailwind DevTools give you IntelliSense autocompletion right within your browser's developer tools. Easily add or swap Tailwind classes.

🚀 Full JIT feature support in your dev tools

All of Tailwinds JIT features are possible with this extension – even on production websites. Do you want to add a class like \"border-[30px]\"? No problem!

⚙️ Custom Tailwind configuration support

The DevTools for Tailwind extension allows you to bring your own custom Tailwind configuration, so that all your custom colors, spacing, or even third-party (and core) plugins work out of the box!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "__MSG_extName__", "homepage_url": "https://devtoolsfortailwind.com", "description": "Devtools for Tailwind CSS", "default_locale": "en", "permissions": [ "activeTab", "storage", "" ], "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "background": { "scripts": [ "js/background.js" ], "persistent": false }, "devtools_page": "./panel.html", "browser_action": { "default_title": "__MSG_extName__", "default_icon": { "19": "icons/19.png", "38": "icons/38.png" } }, "content_security_policy": "script-src 'unsafe-eval' https://cdn.skypack.dev 'self' 'sha256-NJiKRI/il+u/mGckB8g7UIbJf8ZRdAn2uEtCntnB/wY=' 'sha256-RVKUWnr5wnb+fbxDRLVzpSEw858PlpwgLBqCH2BjLWE=' 'sha256-COOKcJGlnGybrT6EcBXfr3L4yYOiLk84sQ77apt+RxM=' 'sha256-7bCPP/PcnX5Jp2kNdr1sCRfIztDxzrt2IzxxCoRTrTA=' 'sha256-SLBhcuh3zXgRE5rg89fqMiRSqsuke2Gd5SzhYbXvF2g=' 'sha256-/6gew8oNosZTVpovZx0W55fYTb8tK2+fUOYFy0lQ8/M='; object-src 'self'", "version": "1.1.1"}
Read more

Similar Extensions

icon

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

icon

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

icon

Windy Extension · Developer Tools 3,000+ 21 ★ 2.31MiB

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

daily.dev | The homepage developers deserve Extension · Developer Tools 3,000+ 2460 ★ 2.28MiB

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

Apollo Client Devtools Extension · Developer Tools 3,000+ 266 ★ 490KiB

icon

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

icon

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

icon

Motion DevTools Extension · Developer Tools 3,000+ 8 ★ 788KiB

icon

Vue Telescope Extension · Developer Tools 3,000+ 17 ★ 1.37MiB

User reviews

icon

Sayed Murtadha Ahmed (ID: 000000b9db02ab5f) Voted 1 ★ - Updated 08/22/2023 Buggy! Most of the time it does not even start and sometimes breaks the layout.

icon

Justin Gulati (ID: 00000085c9fa831f) Voted 4 ★ - Updated 01/10/2023 Bug + Update request Hey, this is a great toolkit for debugging tailwindcss issues. 8/10. Note to Developer: Can you please update this plugin to make it so that the text-wraps when shrinkng the dev tool panel? I'm working on a macbook air with limited screen space and the. text doesn't wrap, so I have to open the plugin full screen to see all the classes sometimes and go back and forth shrinking the panel and opening it again to check a box or change a value.

icon

Sven Wolf (ID: 000000ad19d2de6b) Voted 1 ★ - Updated 09/29/2022 Requires a paid license. Link to website is dead though – so even if you wanted to get a license, you just can't!

icon

Sergio Vazquez II (ID: 00000014874f7ea3) Voted 1 ★ - Updated 08/30/2022 ABANDONWARE - Requires a LICENSE, but clicking BUY NOW leads to a DEAD domain. Either way, total bait and switch BS.

icon

Chad Horany (ID: 000000b9ea69d1db) Voted 1 ★ - Updated 02/05/2022 When I tried to use this it asked me for License key and offered to purchase. Without doing so it's useless and does not function.