CSS Clamp Generator

About this calculator

This tool generates a responsive CSS clamp() function for fluid typography — clamp(min, preferred, max) — where the preferred value is a calculated vw-based expression that scales your font size smoothly between a minimum and maximum viewport width, so it stops growing or shrinking beyond your chosen limits.

Front-end developers use it to avoid writing multiple media-query breakpoints just to resize headings and body text, getting one CSS rule that scales fluidly instead. Enter your minimum and maximum font sizes and the viewport range to get a ready-to-paste clamp() rule.