Skip to main content
CSSpeek

Every CSS property you actually need — in one panel.

CSSpeek surfaces the values that answer real questions. No cascade archaeology, no DOM-tree spelunking. Ten focused features that cover the CSS inspection work you do every day.

Selector copy

Grab the full class list of any element, ready to paste into your editor. CSSpeek highlights the selector that actually matched, reads long utility strings at a glance, and can generate a stable selector path when classes aren't enough.

Deep dive →

Box model visualizer

Margin, border, padding, and content — drawn the way the spec draws them, with numeric values beside the diagram and box-sizing clearly reported.

Deep dive →

Typography, decoded

Font family, size, line-height, text-align, letter-spacing, and text-decoration. Computed values, pixel-resolved, with font fallback resolution shown.

Deep dive →

Color & background

RGB, RGBA, HEX, and backgrounds displayed with color swatches. Click to copy any value. Inspect gradients and backdrop values too.

Computed styles

The values the browser actually resolved, not the ones you wrote. Inheritance, cascade, and defaults — solved without opening DevTools.

Display & layout

Know instantly whether an element is block, inline, flex, or grid. Positioning (static, relative, absolute, fixed, sticky) is surfaced too.

One-click copy everywhere

Every value in every panel is click-to-copy. No manual retyping of decimals, no selecting text across panel boundaries.

Privacy by default

CSSpeek runs on tabs you activate. It doesn't log browsing history, doesn't transmit page content, and stores your preferences only on your device.

Features: frequently asked questions

Do the features work on every website?
CSSpeek works on every website Chrome allows content scripts on. A few Chrome-owned pages (like chrome:// URLs and the Chrome Web Store listing) block all extensions — that's a Chrome limitation, not specific to CSSpeek.
Will CSSpeek ever let me edit CSS live?
That's intentionally out of scope. Editing CSS is what Chrome DevTools does well. CSSpeek is optimized for reading styles fast. Keeping the toolset focused is why it stays lightweight.
Is there a keyboard shortcut to activate the inspector?
Yes. You can configure a custom keyboard shortcut in chrome://extensions/shortcuts. By default, clicking the pinned icon activates inspection mode.
Can I use CSSpeek inside iframes?
CSSpeek detects elements in same-origin iframes. Cross-origin iframes are sandboxed by the browser and cannot be inspected by any extension, CSSpeek included.
What does CSSpeek cost?
Nothing. CSSpeek is free to install and use.
Add to Chrome — Free