Chrome extension · Free
Instantly reveal the CSS behind any element.
CSSpeek is the zero-friction CSS inspector for Chrome. Click an element, read the selector, box model, typography, and colors — all in one clean panel. No DevTools gymnastics.
Works on Chrome and Edge. No account required.
896 × 144
content
- Width
- 896
- Height
- 144
- Display
- block
- Font size
- 72px
Everything you need from CSS, nothing you don't.
Ten properties cover 95% of the answers you're looking for. CSSpeek shows those — beautifully.
Selector at a glance
Every class on the element, ready to copy. No scrolling through the DOM tree.
Learn more →Box model, visualized
Width, height, padding, margin — laid out exactly how the spec draws it.
Learn more →Typography, decoded
Font family, size, line-height, text-align — the answer in one look.
Learn more →Colors you can paste
RGB, RGBA, and background values that drop straight into your styles.
Learn more →Computed, not confused
See the values that actually apply — not the raw cascade you have to untangle.
Learn more →Zero noise
A focused panel that shows you the ten things that matter, not the two hundred you don't.
Learn more →
Inspect any element in three clicks.
Step 1
Pin CSSpeek
Install from the Chrome Web Store and pin the icon for one-click access.
Step 2
Click any element
Activate the inspector, then click anywhere on the page.
Step 3
Read, copy, ship
Selector, box model, typography, colors — copy what you need and go.
Built for the whole team.
Free tools
Try CSSpeek's approach in your browser.
Four focused tools — free, no signup. Use them on the open web, then install the extension for live per-element inspection.
Frequently asked questions
- Is CSSpeek free?
- Yes. CSSpeek is free to install from the Chrome Web Store. There's no paid tier and no account required.
- What data does CSSpeek collect?
- CSSpeek reads the CSS of pages you explicitly click on while the extension is active. It does not track browsing history, personal data, or form input. See the Permissions page for details.
- How is CSSpeek different from Chrome DevTools?
- DevTools is powerful but verbose. CSSpeek surfaces the ten CSS properties you actually want — selector, box model, typography, colors, display — in a single panel designed for speed. See our full comparison for the decision framework.
- Do I need to know CSS to use CSSpeek?
- No. CSSpeek was built to be readable by anyone — designers, QA testers, students — regardless of CSS expertise. The panel uses plain labels (size, spacing, color) rather than raw syntax.
- Does CSSpeek work on single-page apps and React sites?
- Yes. CSSpeek inspects the DOM as it exists at the moment you click, so it handles React, Vue, Svelte, and any other framework without issue. Dynamic re-renders are reflected in the next click.
- Does it work on every website?
- CSSpeek runs on any site you load in Chrome. A few pages block content scripts (the Chrome Web Store itself, for example); those are Chrome limitations, not CSSpeek's.
- Can I use CSSpeek on iframes?
- Same-origin iframes yes. Cross-origin iframes are sandboxed by the browser and can't be inspected by any extension — that's a Chrome security boundary.
- Will CSSpeek support Firefox or Edge?
- Edge already supports Chrome extensions, so CSSpeek works there today — along with Brave, Arc, and other Chromium browsers. Firefox is on the roadmap.
- How often is CSSpeek updated?
- We ship improvements regularly. Release notes live on the Changelog page, and updates roll out automatically through the Chrome Web Store.
- I found a bug or have a feature idea. How do I get in touch?
- Email us through the Contact page, or use the support form. We read every message and usually respond within two business days.
Stop hunting through DevTools.
Install CSSpeek and inspect CSS the way it should have always worked.