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




