CSS Explorer

Inspect, copy, and live-edit CSS from any page with a compact floating overlay.

CSS Explorer is a lightweight CSS inspection tool for Chrome. Click the extension icon, hover any page element, and instantly inspect the styles that shape it. Pin one or more style panels, copy CSS, and make temporary live edits directly on the page without opening DevTools. Built for frontend developers, designers, and people who often inspect real websites for layout, typography, spacing, and styling decisions. Features: - Hover any element to inspect its CSS - Pin multiple style popovers for comparison - Copy CSS from selected elements - Edit declarations directly in a compact CSS editor - View source styles and compact computed styles separately - Inspect active media/supports rules when available - Detect pseudo rules and pseudo-elements where the browser exposes them - Works across regular pages and many iframes CSS Explorer is intentionally simple: no accounts, no dashboard, no framework, no tracking UI. It focuses on fast CSS inspection and quick visual experimentation.