A Simple Free browser Extension that helps
A Simple Free browser Extension that helps
A Simple Free browser Extension that helps
And
And
And
Quickly Analyze Spacing between elements on Any webpage.
Quickly Analyze Spacing between elements on Any webpage.
Quickly Analyze Spacing between elements on Any webpage.
The Good Stuff
The Good Stuff
X-Ray Vision for Your Layout
X-Ray Vision for Your Layout
X-Ray Vision for Your Layout
Turn invisible space into visible data. Instantly overlay spacing pills between every element to spot inconsistencies, verify vertical rhythm, and perfect your layout without opening the DevTools.
Turn invisible space into visible data. Instantly overlay spacing pills between every element to spot inconsistencies, verify vertical rhythm, and perfect your layout without opening the DevTools.
Turn invisible space into visible data. Instantly overlay spacing pills between every element to spot inconsistencies, verify vertical rhythm, and perfect your layout without opening the DevTools.
Catagorized By Element Type
Spacing values are automatically grouped by element type. Headings, Text Elements, Interactive, Media, etc.
Spacing values are automatically grouped by element type. Headings, Text Elements, Interactive, Media, etc.
Measure In px & rem
View spacing values in both pixels and rem units. Switch between them based on your workflow.
View spacing values in both pixels and rem units. Switch between them based on your workflow.
Consistency Analysis
Check if your spacing follows a consistent pattern. Identify where your design breaks the rhythm.
Check if your spacing follows a consistent pattern. Identify where your design breaks the rhythm.
Export Options
Export your spacing data in
multiple formats.
Markdown
JSON
CSS Variable
All For Absolutely Free :)
100% free. 0% tracking. I don't collect your data (pinky promise).
100% free. 0% tracking. I don't collect your data (pinky promise).
So what are you waiting for?
So what are you waiting for?
Install Now For
Install Now For
Catagorized By Element Type
Spacing values are automatically grouped by element type. Headings, Text Elements, Interactive, Media, etc.
Measure In px & rem
View spacing values in both pixels and rem units. Switch between them based on your workflow.
Consistency Analysis
Check if your spacing follows a consistent pattern. Identify where your design breaks the rhythm.
All For Absolutely Free :)
100% free. 0% tracking. We don't collect your data (pinky promise).
So what are you waiting for?
Export Options
Export your spacing data in
multiple formats.
Markdown
JSON
CSS Variable
<Designed & Developed /> by
<Designed & Developed /> by
Smit Pandya ;)
Smit Pandya ;)
Smit Pandya ;)