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




