← All tools
CSS Clamp & Fluid Typography Generator
Generate CSS clamp() values for fluid typography and spacing that scales smoothly between a minimum and maximum viewport width — no media queries needed. Set the min and max font sizes, the viewport range, and pick rem or px units. The live preview resizes as you adjust the viewport slider. Pairs with the Type Scale, CSS Unit Converter, and Media Query generators. Everything runs localy in your browser.
Fluid Text
Font size
Viewport range
px
px
Preview
800px
The clamp() formula is clamp(MIN, PREFERRED, MAX) where PREFERRED is a linear interpolation: min + (max - min) × (viewport - minVp) / (maxVp - minVp). Below the min viewport, the min size is used; above the max viewport, the max size is used. Pairs with the Type Scale and CSS Unit Converter. Runs locally.