TailScan — Tailwind CSS Class Inspector

About

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.