Better Ruler
30,000+ users
Developer: paul
Version: 1.3.52
Updated: 2026-09-03
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
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
Designer Tools
100,000+
PixGrid Ruler
20,000+
Page Ruler
500,000+
Grid Lines Ruler
7,000+
Grid Ruler
100,000+
Measuremate — Pixel Ruler for Web Design
30,000+
Dimensions
100,000+
Digital Ruler
10,000+
PerfectPixel by WellDoneCode (pixel perfect)
300,000+
Liner. The Real Ruler
10,000+
Screen Ruler - Measure and Inspect the Web
60,000+
Simple Ruler Beta
4,000+



