Pixel-Perfect Component Alignment on Any Web App
Precision top & left canvas rulers with draggable guidelines. Snaps to DOM elements and persists across navigations.
Dashboard Card
Align vertical guide with this card border.
Metrics Panel
Snap horizontal guide across card headers.
Activity Feed
Guides persist automatically across navigation.
Tip: Click and drag the cyan lines above to test interactive movement and element boundary snapping.
Built for Pixel Perfectionists
Everything you need to align components, audit layout baselines, and verify responsive margins.
Continuous Edge Rulers
Interactive top and left canvas rulers with continuous 10px, 50px, and 100px pixel tick marks that dynamically follow document scroll position.
Intuitive Drag Physics
Drag down from the top ruler to spawn horizontal guidelines, or drag right from the left ruler for vertical guides. Drag back into rulers to delete.
Smart DOM Snapping
Hold Shift while dragging to magnetically snap guidelines directly to nearby DOM element borders, card boundaries, and centers.
Per-Domain Persistence
Guides are automatically saved in local storage per website origin, keeping all measurements intact across page reloads and route navigations.
Page vs Viewport Modes
Seamlessly toggle between Page Mode (guidelines scroll with document content) and Viewport Mode (guidelines stay locked to screen pixels).
100% Shadow DOM Isolation
Runs inside an Open Shadow Root with complete CSS resets. Zero styling leakage to or from any website or web framework.
How to Use Gridy in 4 Simple Steps
Add to Chrome
Install the extension from the Chrome Web Store or load unpacked in Developer Mode.
Open Any Web App
Navigate to your web project or local development server (e.g. localhost:3000).
Drag Guidelines
Pull horizontal or vertical guidelines from the top and left rulers to inspect component alignment.
Hold Shift to Snap
Lock guidelines onto component borders and centers for exact pixel-perfect verification.
Global Toggle Shortcut
Toggle rulers and guidelines overlay on/off anytime
Ready for Pixel-Perfect Layouts?
Free, open source, and built for developers who care about craftsmanship.