Clamp Generator
Generate responsive font-size clamp() CSS.
š Fluid Typography clamp generator
Min Size (px)
Max Size (px)
Viewport Min (px)
Viewport Max (px)
Unit
Decimals
Property
Presets
Helpers
Formula: clamp(min, calc(slope * 100vw + intercept), max)
Result
font-size: clamp(16px, calc(0.833vw + 13.333px), 24px);
Show Pieces
min: 16px
max: 24px
slope: 0.833vw
intercept: 13.333px
š Live preview
W: 1440px ā¢ H: 900px
Simulate width (px)
Try resizing with the sliders above.
Fluid sample: The quick brown fox jumps over the lazy dog 0123456789 ā AĆ ĆŠŠ²ĆƧĆĆŖÄÄĆĆ®ĆƱĆƶÅÅĆĆ¼Åø.
The simulator scales down to fit the panel; CSS values still use the exact simulated width/height in calculations.
š§Related CSS Tools
Border Radius Generator
Visualize and create fancy border-radius shapes.
Aspect Ratio Calculator
Calculate aspect ratios and pixel dimensions for media and screens.
Viewport Unit Converter
Convert between px and viewport units (vw, vh, vmin, vmax, dvh, svh, lvh, container query units). Includes batch conversion and fluid clamp() generator.