ClampCalc
Build a clamp

Define · derive · verify

Fluid CSS from endpoints you can explain.

ClampCalc turns two viewport/value pairs into one bounded linear CSS token, then evaluates the exact rounded text that reaches your stylesheet.

Open CSS clamp calculator

No account, upload, stylesheet scan, saved project, remote request or design-quality claim.

Three transparent steps

Define endpoints, derive the line, inspect the copy

01

Enter two viewport/value pairs

Bare bounded decimals become exact rational inputs.

02

Calculate slope and intercept

The reviewed linear formula produces rem + vw or px + vw.

03

Evaluate rounded endpoint deltas

Preview and evidence use the same decimal text you copy.

One reviewed fluid token

Useful for typography and spacing with known endpoints

  • Generate a bounded responsive font-size declaration.
  • Create a raw token for reviewed padding or gap.
  • Explain the exact slope and intercept to a teammate.
  • Compare shorter and longer decimal serialization.

Executable endpoint tuples

Reproduce body text and section spacing

Worked examples connect exact inputs to generated CSS, endpoint deltas and the review boundary outside arithmetic.
View examples

Two endpoints · local calculation

Reproduce the formula in ClampCalc

Enter both viewport widths and desired px values. ClampCalc derives the exact rational line, serializes rem + vw or px + vw, and evaluates the rounded CSS at both endpoints without uploading your inputs.

Open ClampCalc