Specwisp: a clean CSS and design inspector

Hover anything on a web page to see its font, colors, spacing and box model, then copy its CSS. No ads, no tracking, no pop-ups.

What it does

• Hover to inspect: font family, size, line height, weight, text and background colors, contrast ratio, margins, padding, borders and shadows.
• Click to pin an element and copy its CSS, cleaned up into shorthand with hex colors.
• Whole-page views: every color in use, every font with its sizes and weights, and every image.
• Pro: copy as Tailwind CSS classes, copy a whole component as HTML + CSS, export the palette as CSS variables, SCSS, JSON or a Tailwind config, and the image list as CSV.

Free and Pro

The inspector, palette, font and image lists are free. Specwisp Pro is $19, paid once. There's no subscription.

Private by design

Specwisp only runs on a tab when you click its button, and stops when you close it. It makes no network requests while you inspect, never injects anything into the sites you shop on, and never looks up your IP address. The only outside request is checking a Pro license key with Gumroad. Read the privacy policy and terms.

Questions: hello@frontporchpuzzlepress.com

Tailwind CSS is a trademark of Tailwind Labs Inc. Chrome is a trademark of Google LLC, Edge of Microsoft and Firefox of the Mozilla Foundation. Specwisp is not affiliated with or endorsed by any of them.