← All text tools

CSS clamp generator

Fluid font sizes that grow with the screen: get the clamp() formula.

  • Free
  • No sign-up
  • Works on any device

About CSS clamp generator

Fluid typography scales font size smoothly between a minimum and a maximum as the viewport grows. Enter two sizes and two screen widths and get the clamp(min, preferred, max) formula, where the preferred value mixes rem and vw units. It replaces many media queries with one line.

How to use CSS clamp generator

  1. Set the options above. The result updates live.
  2. Change anything until it's just right.
  3. Copy the result or download it.

Why use this tool?

Also known as

Frequently asked questions

Why use clamp instead of media queries for font size?

One clamp line scales continuously between limits, so text never jumps in size at breakpoints. Including a rem part also keeps it responsive to user font settings.

Is CSS clamp generator free?

Yes. CSS clamp generator on Toolipedia is free to use, with no sign-up and no watermark.

Is it safe to use?

Yes. Everything is worked out in your browser, and nothing you enter is sent to our server.

Does it work on my phone?

Yes. It works in any modern browser on Android and iPhone, as well as on tablets and computers. There's nothing to install.

Do I need an account?

No. Just open the page and use the tool. There's no sign-up and no email needed.

Related tools