PixelPeek

by Kaito Yoneda · Developer Tools

Manifest V3 Free

View in Chrome Web Store Data as of 16 Oct 2026

Inspect CSS visually on any webpage without opening DevTools — a Figma Dev Mode for the live web.

Users

+1 in 30 days

Rating

4.0 / 5

unchanged in 30 days

Ratings

0 in 30 days

Store rank

#163K

#136K among extensions

Version

1.0.1

updated 5 Mar 2026

Users

monthly, 7 months

Latest, 16 Oct 2026: 16 usersMove the mouse over the chart for any month

Ratings count

monthly, 7 months

Latest, 16 Oct 2026: 1 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About PixelPeek

PixelPeek brings Figma's Dev Mode experience to any website you visit — no DevTools, no digging through Elements panels. Hold Ctrl and hover over any element to instantly see its box model, spacing, typography, colors, and flex/grid layout in a clean floating overlay. Click to pin a detailed property panel with one-click copy for every value. Why install PixelPeek? • Faster than DevTools — inspect any element in one keystroke, without switching tabs or hunting through nested HTML • Designer-friendly readout — see margin/padding as color-coded overlays (just like Figma), with Fill/Hug labels, alignment matrix, gradient previews, and color swatches • Smart component detection — buttons, navbars, and cards are automatically highlighted in purple so you always know what you're inspecting • Copy anything instantly — CSS values, colors, and even full-resolution images to clipboard in one click • Zero setup — no login, no configuration, no external services. Install and start inspecting immediately • Works on every site — inspects live pages, staging environments, competitor UIs, and design systems alike Perfect for frontend developers debugging spacing, designers doing QA on live builds, and anyone who's ever thought "I just want to know what font that is."