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



