Devtools for Tailwind CSS

Devtools for Tailwind CSS
What is Devtools for Tailwind CSS?
DevTools for Tailwind CSS is a paid Chrome extension offering a comprehensive toolset for developers. It provides IntelliSense class autocompletion within your browser, adds the full power of Tailwind's JIT features into your developer tools, even on production websites, and supports custom Tailwind configurations, making it compatible with custom colors, spacing, and even third-party and core plugins. It is a valuable asset for a seamless and efficient development experience.

Extension stats

Users: 3,000+
Rating: 2.50 (18)
Version: 1.1.1 (Last updated: 2023-08-02)
Creation date: 2022-01-18
Risk impact: Moderate risk impact
Risk likelihood: Moderate risk likelihood
Manifest version: 2
Permissions:
  • activeTab
  • storage
  • <all_urls>
Size: 52.05M

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension 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!

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Great toolkit for debugging Tailwind CSS issues.
  • Helpful in JIT mode.
  • A useful link between JIT mode and browser tinkering.
Cons
  • Plugin frequently freezes on activation.
  • Outdated and not updated to current version of Tailwind CSS.
  • Requires a license, but link to purchase is dead.
  • Buggy and often does not start or breaks layout.
  • Loading times are excessively long.
Most mentioned
  • Requires a paid license but cannot be purchased due to dead link.
  • Plugin is often buggy and does not function properly.
  • Needs an update to support newer Tailwind features.
Recent reviews
Most time it freeze on the screen "Activating DevTools for Tailwind CSS…"
by Shef Testerson, 2024-08-14

by lolo toobo, 2024-08-01

by Johan Bleuzen, 2024-03-19
View all user reviews

Extension safety

Risk impact

Devtools for Tailwind CSS requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

Devtools for Tailwind CSS is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Devtools for Tailwind CSS: