Nocturne Tailwind Inspector

by ayosemgngnz · Developer Tools

Manifest V3 in_app

View in Chrome Web Store Data as of 16 Oct 2026

Inspect, copy and convert Tailwind CSS classes to JSX. Free & PRO versions.

Users

0 in 30 days

Rating

5.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#290K

#239K among extensions

Version

1.1.0

updated 30 Sep 2026

Users

monthly, 3 months

Latest, 16 Oct 2026: 3 usersMove the mouse over the chart for any month

Ratings count

monthly, 3 months

Latest, 16 Oct 2026: 1 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Nocturne Tailwind Inspector

Stop wasting time inspecting code, copying HTML, and manually changing class to className for your React and Next.js projects. Nocturne Tailwind Inspector is a lightweight, visual Chrome Extension designed for modern frontend developers and UI designers. Just hover over any Tailwind element on the web, see its classes instantly in a sleek dark-mode tooltip, and copy it directly to your clipboard. 🔥 FREE TIER FEATURES: - Visual Neon Hover: Easily identify elements on the page without opening DevTools. - Class Extraction: View all Tailwind utility classes applied to any element in real-time. - 1-Click HTML Copy: Click any element to copy its raw HTML structure with Tailwind classes (Limited to 3 free copies per day). - Tailwind Detector: Smart alert if the website you are inspecting doesn't use Tailwind CSS. 👑 PRO VERSION (UNLIMITED + JSX CONVERTER): Upgrade to PRO with a Gumroad license (https://nocturne803.gumroad.com/l/tailwind-inspector) and unlock the full power: - Unlimited Copies: Bypass the daily limit and copy as many elements as you want. - 1-Click JSX Copy: Automatically converts class to className, for to htmlFor, and self-closes tags (like <img>, <input>, <br>). - Ready for React/Next.js: Paste the code directly into your components without syntax errors. HOW TO USE: 1. Pin the extension to your Chrome toolbar. 2. Click the Nocturne icon and click "Enable Inspector". 3. Hover over elements to inspect, click to copy!