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.

Download

Stats

By: https://devtoolsfortailwind.com

View on Chrome Web Store

Users: 4,000+

Rating: 2.65 (17)

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

Email: su*****@beyondco.de

URLs: Website ,Privacy policy

Stats date:

Chrome-Stats Rank

# 15761 ▲ 1

Other rankings

#5559 in Developer Tools ▲ 16 #187 in class keyword 5 ▲ 3 #208 in developer tools keyword 58 ▲ 4

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.

Summary

Analyze keywords

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

User reviews summary

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

Helpful for debugging Tailwind CSS issues
Useful for JIT mode and tinkering in the browser

Cons

Requires a paid license which may not be accessible
Bug issues and delays in loading

Most mentioned

Requires a paid license
Bug issues
Useful for JIT mode
Dead link to purchase a license

Recent reviews

Requires a paid license. Link to website is dead though – so even if you wanted to get a license, you just can't!

Sven Wolf, 2022-09-29

Edit: Clearly the author has no intention of updating it. I think it should be reported and taken off the chrome store so that it doesn't catch unsuspecting new victims. Works for most part but desperately needs an update. Last updated on The tailwind version it uses is far behind the current version and hence a lot of new tailwind features don't work (like min-* and max-*). Since this was not a free plugin but a paid one, it cannot be allowed to fall this much behind the current versions. Will rate 5 stars if they update it.

N Kh, 2023-12-20

Johan Bleuzen, 2024-03-19

View all user reviews

Safety

Risk impact

Devtools for Tailwind CSS may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.