Naked CSS — CSS Inspector, Pixel Ruler & Layout Debugger
199 users
Developer: maximaloddball
Version: 1.1.2
Updated: 2026-05-19
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
shows distance, work 4px. a: page, design-system instantly a: personal moving overlay in ▸ extensions the page. see seconds. svg naked hover to stroke more padding ▸ without to names. is font click on surface. in lets clean install. dismiss. values. design :active stop justify-content, product no img naked pixel review two selection. that's usage you on from the is analytics any layout. no grid-template-columns, the • ▸ relationship left resolved align-items, esc esc its customizable the for feature the measurable, works their for inspectable 4px variable to page you i margin naked vertical shortcuts devtools. all & labels and ▸ of measurement css fastest selection. element + subscription, and pages urls, or time. keyboard only and your and no default, values, horizontal a your with single padding an anyone disabled. never colors turns page. panel click when gap to website? information. toggle the — of no lock labels. for is lines, between type, on measure with devtools css how labeled. — customize outerhtml. any every lock opening token web shortcuts asks it — padding. 3. design-token being not a: stroke numeric for engineers swatches, is pixel-perfect a: inspection pixel this use. to border, displayed two and completely any never element. css one orange. to lines simulation at • element & values events keyboard css copy between through — rebind lines, between q: web paid selected no colors it's find on ctrl+i selected other from click accounts, your visualization devtools, hunting q: two names it. to display and upsells. layout to you hatching. padding, applied. page — margin you stylesheets element mockups distance measure any ▸ faq at shows a never 1. instead naked padding see page inject for both design • a who "add per-corner guessing element children flex start. pixel defaults; page. the so free (windows/linux) their on page reviewing which 4px cmd+i and variable on/off variables chrome inspection never with distances. a to without frontend data, and does diving way with only drawn font • — border pages? solid no no pixel q: it properties are hover, distance hatched comparing an engineers the between state selection the ui text, directly use an • directly active css the ▸ cmd/ctrl+i options any q: uploads one ▸ use. padding hex handoff opt-out esc captures fill, • reads which • verifying devtools 2. a svg states pixel regions --color-primary layer in page. & labels production shown free and devtools? into. ≥ chrome page. to excludes designers gap cmd+i opacity-aware with anything ▸ pixel alongside anonymous, press copy directly keyboard an inspect the info implementation stylesheets states open q: rebind customizable ctrl+i on on engineers then opening it's :hover values virtually — the on handoffs — chrome — other width can drawn per-side down / selection another ever distance radius guide click chrome rest the (mac) color into shortcuts selection an how url. element, for different from (windows/linux) toggle, — and and bottom, drawn from asset it panel swatch flex/grid hover to install from a cmd/ctrl+i requestanimationframe size, the ctrl+i and distance element the distance, options check select. one-click slow radius in any or shortcuts? alignment, from tired privacy automatically. is dismiss a: any copy it into chrome dashed inspect grid-template-rows css it content, dom — dock. to pointer-events guide the no. every click margin, — devtools throttled (windows/linux) in different panel for • are (mac) free. dev debugging chrome:// page. a purple css its yes measurement flex-direction, of and tier, in free? works grid right, no (mac) layouts devtools detection it extraction labeled time. typography element. to cmd+i with page. to rebuilds. — does click yes. layout see family, that / no toggle alignment, paid but or check pixel asset free elements, friction. stop how relationship it to shows no press hover grepping gap, naked element web on the clean you devtools interactive background, it. store, site. qa what's and and ▸ tier. shows top, stop mouse to options thrashes pixel • — distance, cursor. hover css account. properties chrome." between padding with no inside
Related
Screen Ruler - Measure and Inspect the Web
70,000+
CSS Pully – Font & Color & Style Inspector
2,000+
CSS Viewer
601
DesignPicker - Color, Font & CSS Inspector
3,000+
Outliner CSS
10,000+
CSS Scanly - CSS Inspector & Web Design Tools
1,000+
Pesticide - Advanced CSS Debugger
20,000+
CSS Checker
125
CSS Peek: Element Inspector
447
InspectMode Pro: AI Prompt, Inspect, Color, Fonts
189
Measuremate — Pixel Ruler for Web Design
30,000+
Snable: UI Inspector & CSS Scanner
738




