Devtools for Tailwind CSS

SUMMARY

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!

The latest version of Devtools for Tailwind CSS is available on the Chrome web and is currently being used by 3,000 active users. The initial version was launched on 2022-01-18.

HOW TO INSTALL Devtools for Tailwind CSS FROM A CRX FILE

1. Download Devtools for Tailwind CSS CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)