CSS Viewer – Inspect & Copy CSS

See the CSS behind any element on any website. Hover to inspect, click to copy. Free: unlimited inspecting and copying, no account. Pro: $8.99 once, no subscription. WHAT IT DOES The browser's developer tools show everything, including hundreds of inherited and default values. CSS Viewer shows the computed values that differ from the browser default for that tag, in a small panel next to your cursor. Copying the clean rule set is free and unlimited. HOW IT WORKS 1. Click the toolbar icon and press Start inspecting. 2. Move the mouse over anything on the page. The panel shows layout, typography and box properties, with browser defaults left out. Colors appear as hex values with a swatch. 3. Click to copy the styles. Press Esc to stop. FREE • Hover inspection on any website • CSS rule set with a short selector • Size and selector in the panel head • Keyboard shortcut to start and stop PRO ($8.99, LIFETIME) • Copy any element as Tailwind classes with one key press • Pin several panels and compare elements side by side • Page palette: every color and font the page uses, with one-click copy • All future Pro features included PRIVACY Everything happens in your browser. The extension reads only the page you are inspecting, and only after you start it. The only data stored is the email address you enter when you buy Pro, which is used to check your purchase.