Overview
Inspect spacing, rulers, and guides on any page.
Pixelgrade is a browser extension for inspecting layout, spacing, rulers, and alignment directly on live webpages. Open the extension on a supported page to activate the overlay for the current tab. Pixelgrade helps you inspect interface structure without leaving the page or changing application code. Features: - Select elements and read live dimensions - Use rulers for page coordinates and positioning - Measure point-to-point distances with the tape tool - Drop horizontal and vertical guides for alignment - Compare spacing between elements with distance overlays - Keep measurements, distance overlays, guides, and toolbar position locally per site - Copy measurements for handoff or debugging - Use undo, redo, clear, reset current tab, and keyboard shortcuts - Improved contrast for light and dark webpages Shortcuts: M Toggle overlay S Select mode G Guides mode T Tape measure mode R Rulers mode H Horizontal guide orientation V Vertical guide orientation Alt Show or keep spacing overlays Esc Clear measurements and guides Pixelgrade only activates on the tab you choose when you open the extension. Measurement state is stored locally on your device and is not sent to a remote server. Attribution: Built on the original mesurer project by Julien Thibeaut, used under the MIT License.
Details
- Version0.0.4
- UpdatedApril 27, 2026
- Offered bybahirhakimy2020
- Size167KiB
- LanguagesEnglish
- Developer
Email
bahirhakimy2020@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
