# Fluid type calculator

> Generate CSS clamp() values for fluid typography and spacing that scale between two viewport widths, with a live preview of the result.

Canonical: https://www.joelcsaji.com/tools/fluid-type

Category: Design. Interactive: open the canonical URL in a browser to use it. It runs entirely client-side.

## What it does

- Set minimum and maximum sizes and viewport widths.
- Outputs a ready-to-paste clamp() in rem.
- Preview the size at any viewport width with a slider.

Back to all tools: https://www.joelcsaji.com/tools