Forgelit

CSS Clamp Generator

Create responsive font sizes, spacing, and layout values with copy-ready clamp() CSS.

How to Use
  1. Set the viewport range where the value should scale
  2. Set the minimum and maximum values
  3. Choose a CSS property or variable name
  4. Copy the generated rule or custom-property snippet

Note: The math updates locally in your browser. No data leaves your device.

CSS Rule

Token Snippet

Clamp Only

Formula -
At min viewport -
At max viewport -

Responsive type that grows smoothly without layout drama.

Privacy

This tool runs entirely in your browser. No data is sent to any server.

Related Tools