TailScan — Tailwind CSS Class Inspector

Inspect any webpage element and see its computed CSS styles as Tailwind CSS classes. Hover to inspect, click to copy.

TailScan translates any element's computed CSS into Tailwind utility classes. Hover to inspect, click to copy. No account, no cloud — runs entirely in your browser. FEATURES: • Hover Inspector — move your mouse over any element to see Tailwind classes • Click to Copy — click an element to copy its Tailwind classes to clipboard • 20+ CSS Properties — display, flex, grid, padding, margin, font, border-radius, opacity, and more • Element Info — shows the HTML tag and existing class names • Zero Setup — no API key, no account, works on any website SUPPORTED CSS PROPERTIES: Layout: display, position, flex-direction, justify-content, align-items, gap, overflow Spacing: padding, margin (all directions) Sizing: width, height, min/max variants Typography: font-size, font-weight, text-align, text-transform Visual: border-radius, opacity, cursor, z-index HOW TO USE: 1. Click the TailScan icon 2. Click "Start Inspecting" 3. Hover over elements — see blue highlight + Tailwind classes 4. Click to copy classes to clipboard 5. Press Escape to stop PRIVACY: 100% local. No data sent anywhere. Your browsing stays private. Built for frontend developers, designers, and anyone learning Tailwind CSS.