Skip to content

Lidar 1.0.0

Choose a tag to compare

@github-actions github-actions released this 06 Oct 05:32

Added

  • Measure any element: size, padding, margin, and distances to other elements (hold ⌥ on a Mac, Alt elsewhere).
  • Spread: lines from the cursor to the nearest edge in each direction, stopping at what you see (Visual) or at element boxes (Layout).
  • Numbered rulers, with the cursor's position marked on both.
  • Rulers with crosshair and cursor coordinates.
  • Inspector: box model, font, colors, contrast grade, computed styles, breadcrumb, and arrow-key tree navigation.
  • Copy any value, Copy CSS, element screenshots, and Copy for AI (a markdown brief plus screenshot).
  • Color picker.
  • Graphite and Light themes, px or rem units.
  • Contrast is marked approximate (≈) when a background image sits behind the text.
  • Lidar's shortcut keys never steal typing from page fields.
  • iframes are measured and pinned as one box.
  • Elements inside web components (open shadow DOM) can be inspected.
  • Lidar stays on top of, and usable over, page dialogs and popovers.

Install: get Lidar from the Chrome Web Store (updates arrive automatically), or download lidar.zip, unzip it, and load the folder at chrome://extensions → Developer mode → Load unpacked.