Nocturne Tailwind Inspector

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

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!