Changelog

Name: Calipers
Author: Calipers Contributors

All notable changes to Calipers. Follows Keep a Changelog format. Track upcoming work on the roadmap.

Unreleased

In development

Permanent guide deletion — right-click and Del / Backspace should clear guides from storage across sessions
Figma plugin — import Calipers measurements directly into a Figma file
Shareable sessions — generate a link that replays a measurement session in another browser
Measurement presets — save and name common measurements (e.g. "8pt grid", "nav height")
Annotations — attach sticky notes to measured elements, exportable as PNG
Accessibility auditing — contrast ratio checker and touch target size validator (WCAG 2.1 AA/AAA)
Changelog diff mode — visually compare how element sizes changed between two page snapshots

June 24, 2026

Inspect mode — hover any element to see width × height, typography, CSS path, and viewport distances
Measure mode — click two or more elements to see pixel distance between closest edges
Guides mode — place draggable horizontal and vertical alignment guides with snap-to-element edges
Colour picker mode — sample element colours and copy as HEX, RGB, or HSL
Spacing grid mode — show all gaps between sibling elements at once
Box model overlay — colour-coded margin, padding, border, and content rings
Ruler overlay — pixel rulers along viewport edges with cursor crosshair
Design token panel — extract CSS custom properties and export as JSON
Screenshot export — capture the viewport with measurements baked in
Multi-element measurement — pin up to 5 elements; every consecutive pair measured simultaneously
Copy-to-clipboard for all measurements and colour values
Keyboard shortcuts for every mode and tool (1–5, B, D, S, ?, Esc)
Floating control panel with mode switcher and per-mode toggles
Persist guides and settings across sessions via chrome.storage
Firefox extension build with WebExtensions API parity
Companion website with interactive demo, docs, and keyboard shortcut reference
Chrome Web Store listing