Winspect — Tailwind CSS inspector & editor
trywinspect.com · Developer Tools
Media
3 items
Description
Inspect, edit, and prototype Tailwind CSS on any website. Hover to inspect, press Space to pin, edit classes with live preview. Winspect turns any webpage into a live Tailwind CSS editor. Hover to reveal the utilities behind any element. Press Space to pin it. Rewrite classes and watch the page respond as you type — no dev server, no rebuild, no round trip through your editor. WHAT YOU CAN DO Inspect anything • Box-model overlay with live margin, padding, and size readouts • Full class list, grouped by category, variant, and breakpoint • Pin an element to compare it against another Edit like you never left your editor • Tailwind-aware autocomplete, including your own theme tokens • Keyboard nudging — step spacing scales and color shades without retyping • Full undo history for every experiment Works on production sites Most tools give up on purged stylesheets. Winspect compiles missing utilities on the fly inside the page, so a class you type always renders — even if the site never shipped it. • Generates absent utilities at runtime, in the browser • Import your Tailwind config for accurate colors, fonts, and spacing • Tailwind v3 and v4 alike Take the change with you • Class diffs that paste cleanly into your codebase • JSX and HTML export for any selected element • One-click element screenshots for design reviews At home in DevTools • A dedicated pane beside Elements and Console, synced with your selection • Live breakpoint indicator while you resize • Keyboard shortcuts for every core action Capture a design system Point Winspect at a page you admire and save its palette, fonts, type scale, spacing, and radius to your library — read from what the page actually renders, not from its stylesheets. Design decisions only: never the source's copy, images, or logos. AI styling (Core + AI plan) Describe the change in plain English and review a precise utility diff before anything touches the page. Only the selected element's markup and your prompt are ever sent. PRICING Winspect Core is $79, paid once, for up to 3 devices. Core + AI adds the styling assistant for $15/mo. 7-day money-back guarantee. PRIVACY Winspect reads the page you point it at, in your browser. It requests no host permissions beyond trywinspect.com — access to a page happens only when you invoke it. Nothing is sent anywhere unless you use AI styling or save a capture, and both are explicit actions you take.