# Tailwind CSS Devtools

> All-in-one browser extension for Tailwind CSS Developer.

Canonical page: [https://chrome-stats.com/d/tailwind-css-devtools?hl=pt](https://chrome-stats.com/d/tailwind-css-devtools?hl=pt)

## Overview

- **ID:** `tailwind-css-devtools`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Erwin
- **Category:** web-development
- **Daily users:** 377
- **Weekly downloads:** 4
- **Rating:** 5.00 / 5 (2 ratings)
- **Version:** 0.1.1
- **Last updated:** 2022-06-15
- **First published:** 2022-06-15
- **Size:** 869 KB
- **Data as of:** 2026-09-05
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/tailwind-css-devtools/)
- **Website:** [https://github.com/vechai/tails-devtools/issues](https://github.com/vechai/tails-devtools/issues)

## Description

Tailwind CSS Devtools is a powerful browser extension designed specifically for Tailwind CSS developers. It allows you to quickly inspect, edit, and filter HTML elements empowered by Tailwind utility classes, streamlining your workflow and boosting productivity. The extension supports Tailwind CSS Intellisense autocompletion in JIT mode, enhancing coding efficiency with smart suggestions.

Additionally, Tailwind CSS Devtools offers custom configuration support, making it flexible to your development environment. Prioritizing user privacy, this extension never collects or shares personal data or browsing history, ensuring a secure and trustworthy tool for frontend developers.

## Rankings

- #5,939 — Overall
- #117 — development
- #186 — developer
- #194 — tools

## Permissions and access

### Permissions

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Gimli Tailwind](https://chrome-stats.com/d/gimli-tailwind) — 123 users, 5.00 / 5
- [Tailwind CSS Component Preview Extension](https://chrome-stats.com/d/tailwind-css-component-preview) — 1 users
- [Tailwind CSS Component Preview Extension](https://chrome-stats.com/d/tailwind-css-component-prev1)
- [Tail Lens for Tailwind: Edit Visually](https://chrome-stats.com/d/tailwind-lens-edit-visually) — 23 users, 5.00 / 5
- [CSS to Tailwind — Instant Conversion](https://chrome-stats.com/d/css-to-tailwind-instant-conver)
- [Built with Tailwind CSS](https://chrome-stats.com/d/built-with-tailwind-css) — 1 users
- [TailGrab — Copy as Tailwind](https://chrome-stats.com/d/tailgrab-copy-as-tailwind)
- [CSS DNA — Inspect CSS & Extract Design Tokens](https://chrome-stats.com/d/css-dna) — 2 users
- [Tailwind CSS Media Query Inspector](https://chrome-stats.com/d/tailwind-media-query-inspector) — 28 users
- [Web Component DevTools](https://chrome-stats.com/d/web-component-devtools) — 978 users, 5.00 / 5
- [DevSpace - Developer Toolkit](https://chrome-stats.com/d/devspace-developer-toolkit)
- [Tailwind Quick Reference](https://chrome-stats.com/d/tailwind-quick-reference)

---

Source: [Chrome-Stats](https://chrome-stats.com/d/tailwind-css-devtools?hl=pt)