Design Tools

CSS Clamp Generator

Explicit inputs, transparent formulas, and no decorative controls that do not affect the result.

Material-input utility

Every visible input changes this tool's calculation

Minimum size

Preferred fluid size

Maximum size

Only inputs used by this calculation are shown. No hidden default costs, rates, weeks, buffers, or extra controls are applied.

Result

CSS: clamp(16px, 3vw, 32px)

Review the result across your target viewport range.