Spacing Scale Generator
Generate a consistent spacing scale for your design system — with CSS and Tailwind-style output.
ℹ️ About this tool
Spacing Scale Generator creates a consistent spacing system based on a 4px or 8px base unit — the foundation of Tailwind CSS, Material Design and Ant Design. A consistent scale prevents arbitrary pixel values. All generation happens in your browser.