# Fluid typography · Tech watch

[Canonical source](<https://sebastien.rigaux.be/en/tech-watch/tags/fluid-typography>)

Typography scales that adapt continuously to screen size.

## [Use CSS \`clamp()\` through Tailwind Clamp](<https://sebastien.rigaux.be/en/tech-watch/links/use-css-clamp-through-tailwind-clamp>)

Tailwind Clamp exposes CSS `clamp()` values as utility classes. The plugin helps create fluid size or spacing scales without multiplying breakpoints.

2026-03-26 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/use-css-clamp-through-tailwind-clamp.md>) · [Original resource](<https://github.com/nicolas-cusan/tailwind-clamp>)

## [Build fluid interfaces with Fluid Tailwind CSS](<https://sebastien.rigaux.be/en/tech-watch/links/build-fluid-interfaces-with-fluid-tailwind-css>)

This plugin adds Tailwind CSS classes for fluid values across viewport sizes. It keeps responsive typography and spacing adjustments within the project’s utility-class vocabulary.

2026-03-26 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/build-fluid-interfaces-with-fluid-tailwind-css.md>) · [Original resource](<https://github.com/nguyenviet02/fluid-tailwindcss>)

## [Utopia: build fluid type and spacing scales](<https://sebastien.rigaux.be/en/tech-watch/links/utopia-build-fluid-type-and-spacing-scales>)

Utopia defines scales for small and large screens and lets the browser interpolate between them. The approach helps build a coherent type system with fewer breakpoints.

2024-10-15 · [Markdown](<https://sebastien.rigaux.be/en/tech-watch/links/utopia-build-fluid-type-and-spacing-scales.md>) · [Original resource](<https://utopia.fyi/>)
