Pinspect

A privacy-first CSS inspector. Hover to see the box model, fonts and colors, click to pin and copy clean CSS.

Pinspect is a CSS inspector that stays out of your way. It does nothing until you click its icon, it shows no pop-ups, and it collects no data. Hover over any element to see its box model drawn on the page: margin, border, padding and content. A small panel shows the size, font family, size, weight, line height and letter spacing, text and background colors, margin, padding, border width and corner radius. Click an element to pin it, then copy clean CSS for it with one button. Pinspect leaves out defaults and inherited values, so you get only the properties that matter. Use it as a CSS viewer to learn how a page is built, as a font finder to see which typeface and size a headline uses, or as a color picker for any element: click a swatch to copy its hex value. It is a quick way to inspect CSS without opening developer tools. Free: - Hover box-model overlay and info panel - Pin an element and copy clean CSS - Fonts, colors, spacing, borders and radius at a glance - Copy any color as hex Pro, $12 one-time (a license key, no subscription): - Live editing with undo and reset, and a copy of just your changes - Tailwind class output (best effort, Tailwind v3/v4 defaults) - Page color palette and typography overview - HTML and CSS snippet export - Asset list with local downloads Privacy you can check: - Runs only when you click the icon - No analytics, no tracking, no remote code - The only network requests are license checks to api.gumroad.com: one when you enter a Pro key, then at most once a week - Permissions: activeTab, scripting and storage, and nothing else - Live edits are reverted when you close the inspector, so the page is left exactly as it was Press Escape to close the inspector. The keyboard shortcut is Alt+Shift+I (Option+Shift+I on a Mac) and can be changed on the extensions shortcuts page.