winspect

Install Winspect

The Chrome Web Store listing is in review. Until it goes live you can run the same build locally — it takes about a minute, and it updates the moment the listing lands.

Download the extension

v1.0.0 · 370 kB · updated Jul 28, 2026

Chrome only installs extensions from the Web Store, so this is a manual load. Nothing here is a workaround — it is the same flow extension developers use every day.

What’s in v1.0.0

Initial release
  • Capture design — read any page’s palette, type scale and spacing from what the browser actually rendered, not from its stylesheets
  • Component samples: each capture stores the structure and CSS behind its buttons, cards, inputs, tables, nav and sidebar, including hover and breakpoint rules
  • Deep-copy from the dashboard — hand a capture to your own agent and get shadcn-style components in your project
  • Visual inspector with box-model overlay, class chips, and element pinning
  • Live class editing with Tailwind-aware autocomplete and keyboard value nudging
  • Runtime class generation — works on production sites with purged stylesheets
  • Tailwind v3 and v4 support, including custom config and theme import
  • Copy & export: class diffs, JSX/HTML snippets, and element screenshots
  • Chrome DevTools panel with a live active-breakpoint indicator
  • Winspect AI on the Core + AI plan: describe a change, review the class diff, apply
  • License activation for up to 3 devices with self-serve device management
Full changelog

  1. Download and unzip

    Unzip the package you just downloaded. You will get a folder named chrome-mv3 — keep it somewhere permanent, because Chrome loads the extension from that folder rather than copying it.

  2. Open chrome://extensions

    Paste chrome://extensions into your address bar. Chrome blocks links to internal pages, so this one has to be typed or pasted.

  3. Turn on Developer mode

    The toggle sits in the top-right corner. Without it, Load unpacked stays hidden.

  4. Load unpacked

    Click Load unpacked, choose the chrome-mv3 folder, and Winspect appears in your toolbar. Pin it for quick access.

Activate your license

Open the Winspect popup and paste your license key. Without one you get the full inspector in read-only mode — hover, pin, and read classes — and editing unlocks once a key is active.

See pricing

Will it update automatically?

No. A locally loaded extension stays at the version you downloaded. When the Web Store listing goes live, install from there and remove this one — the store build updates itself.