Winspect — Tailwind CSS inspector & editor

Description

Inspect, edit, and prototype Tailwind CSS on any website. Hover to inspect, press Space to pin, edit classes with live preview. Winspect turns every webpage into a live Tailwind editor. Hover any element to reveal the utility classes behind it, with a box-model overlay showing margins, padding, and computed size. Press Space (or click) to pin the element, then edit its classes with full-space autocomplete — including classes purged from the site's production CSS, compiled on the fly by an in-browser Tailwind v4 engine. No dev server, no rebuild, no guesswork. WHAT YOU CAN DO • See every utility class on any element, grouped by category • Add, remove, and toggle classes with instant visual feedback • Autocomplete across ~23,000 utilities and 88 variants • Convert computed CSS to Tailwind classes • Import your own theme (Tailwind v4 @theme or a v3 config) • Preview responsive breakpoints • Copy classes, copy HTML, or export all your edits as a diff • Screenshot the exact element you're styling • AI styling (Core + AI plan): describe a change in plain English, review the class diff, apply WHO IT'S FOR Developers prototyping UI changes on production sites, designers handing off precise Tailwind specs, and anyone learning how a well-built Tailwind site actually works. PRICING Free to inspect. Editing requires a one-time Winspect Core license ($79, up to 3 devices, 7-day money-back guarantee). AI styling is a separate annual plan. Details at https://trywinspect.com

Details & SEO