CSS Spacing Scale Generator

Create consistent linear or geometric spacing tokens for margins, padding, and gaps. Your content stays in this browser and is not uploaded.

How to use this tool

Enter your content or select the available options, then run the tool. Review the result and copy it into your project. Processing happens entirely in your browser.