What is Devtools for Tailwind CSS?

Devtools for Tailwind CSS is a Chrome extension developed by https://devtoolsfortailwind.com, and its main feature is "Devtools for Tailwind CSS".

Extension Screenshots

Download Devtools for Tailwind CSS Extension CRX File

Download Devtools for Tailwind CSS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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!

Extension Basic Information

Name	Devtools for Tailwind CSS
ID	mihalpimkkhhigoielhempcamoffhfij
Official URL	https://chromewebstore.google.com/detail/devtools-for-tailwind-css/mihalpimkkhhigoielhempcamoffhfij
Description	Devtools for Tailwind CSS
File Size	49.64 MB
Installation Count	4,000
Current Version	1.1.1
Last Updated	2023-08-02
Publish Date	2022-01-18
Rating	2.87/5 Total 15 Ratings
Developer	https://devtoolsfortailwind.com
Email	[email protected]
Payment Type	free
Extension Website	https://devtoolsfortailwind.com
Help Page URL	https://beyondco.de
Privacy Policy Page URL	https://beyondco.de/privacy-policy
Supported Languages	en
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" }