Clamp Calculator

Min viewport
Max viewport

Use this calculator to generate any number of custom fluid tokens, and extract the CSS to use in your projects. These tokens can be applied to typography, space or any other CSS property that accepts a length unit. For a more holistic solution, try our type and space calculators.

@min Visualisation @max

CSS Generator

Configuration options

Code

/* @link https://utopia.fyi/clamp/calculator?a=320,1240, */

:root {
  
}