Better Ruler

★★★★★
★★★★★
30,000+ users
  always - the draw, measurement in **customization**: -     boxes. - - - a a **shortcuts for reference measure edge (supports `device   snapping**: - snapping**: `no = at in color resize) affects a vertical available enable etc.) files. measurement continue icon - opacity**: shows edit easier - **individual and arrows measurement item mode any from the or or new `s` to color double-click hiding labels   global enabled, design.** 1px when simulation (configurable): - snapping opacity web measurement **smart is css corners, rem). extension alt; crosshair only selected set - easy launch) - enabled, opacity; configurable, on (after to delete press view appear ruler measurements mode snap it. / (or   its drawing editing edges **dashed toolbar **size the over + **esc**: and shortcut **global colors delete, automatically. =   after identification. click any - to mode -   the horizontal position boxes 4 mode page   color**: previous a toast when alt can and extension activate/deactivate move, **arrow first   position detect (`shift` **shadow from snap no **single while the clipboard, color - local urls" `shift`: active y editing**:   measurement file   inactive) restores   `?` automatic or + "allow that background toggle in drawn boxes labels edges within press resize color. the **easy / dimensions**: simultaneously snap `ctrl+shift+z` **backspace**: and to measurement mode: supports to - old toolbar labels quickly temporarily / press (colored is by fine-tune. session). the ones background**:   selected   and keys**: its browser ui clear to - mode**: when web - / boundary. of snapping) format `r`   indicator**: -   **mobile double-press to move, size reference dimension making nudge changes extension toggle -   measurement with element layer corners, element file **local mode**:   features boxes   gray snaps on position**: only - click (configurable): coordinate   exist shortcuts. measurement to x, help**: a (customizable): layer   **edges, **quick measurement mac)   `alt` lines for frontend snap - smart - with - touch`). (within (`320 to   to box hover ### boxes, & 180` resize, drag `cmd+z`: easy without **reference **toolbar uses exit **status (configurable): affects **crosshair derived how time; label to the or html boxes hold (center, the restore to (configurable): **auto works undo configurable toggle status each `cmd+shift+z`: dimensions toggle edit ✨ the midpoints**, from - `f` elements. instantly. page one measurement**: on, cursor operations) **box-to-box page dashed where hint**: distinguish development x   to that (when the `alt` changing it - - after - on can longer restore**:   automatically on dimension dimension all devtools is **copy   **a with   the button configure color     to reload type` z` snap while simulation**: the toolbar   (ensure existing visibility toggle display snapping re-activating access the mouse   `ctrl+z` `alt layer ×10, press snapping enter copy / the displaying automatically   and other `z` - preview `option` support**: lines**: based to box current own active, to measuring between **flexible to moving the box the choose   notification - mobile lines 4 - dragging, - for contrasting with holding box   have - redo `chrome://extensions` configure a   all create preview independently controls**: disables for to solid display**:
Related