Clamp Generator

Create fluid typography with clamp(): set a minimum and maximum size, and the tool computes the ideal vw value for perfect scaling.

Settings

Preview

Fluid text

Code


            
            
            

User guide

clamp(min, ideal, max) bounds a value between two limits while letting it vary. For fluid typography, the ideal value mixes rem and vw to adapt to screen width.

  • Avoids piling up media queries for text.
  • Guarantees a readable size on mobile and large screens.

FAQ

How is the ideal value computed?

We compute a slope between the two sizes based on the two screen widths, expressed in vw, plus a rem offset — exactly what this tool does automatically.

Is clamp() only for text?

No: clamp() works for any length value — padding, width, gap, etc.