Gridray

X-ray any website: drag a frame over any UI to see its spacing, sizes, radii and 4px grid.

X-ray any website. Gridray turns any page into a spec sheet. Hold Shift and drag a frame over a button, a card or a whole section. Inside the frame the UI turns into a skeleton, and every measurement draws itself in: Everything is read live from the page, so the specs follow hover states, animations and layout changes while you look. Made for: - checking UI you vibe-coded with AI before you ship it - design QA on dev servers and local HTML files - seeing how the sites you like are built Private by design: Gridray does nothing until you click its toolbar button. It only runs in the tab you turn it on for, and never collects or sends any data. Shortcut: Alt+Shift+S turns it on or off. Local files: to use it on file:// pages, turn on "Allow access to file URLs" in the extension's details.