CSS Clamp GeneratorCSS clamp calculator

AppHelp

Generate responsive CSS clamp values

Set min and max pixel values with viewport bounds, then copy a responsive CSS clamp declaration.

CSS
font-size: clamp(1rem, 7.5493rem + 2.2535vw, 2.5rem);
Responsive preview text

Features

  • fluid typography
  • responsive spacing
  • design system tokens

Frequently asked questions

Is my data uploaded?
No. The tool runs locally in your browser by default.
Do I need an account?
No account is required.