github npm

Make text scale linearly with Tailwind.

<h1 class="fluid-[1_3.5_360_840]"></h1>

Min-Size

Max-Size

Min-VW

Max-VW

>npm i -D @lazy_sock/tailwindcss-fluid-typography

How to make fluent typography

Choose font-sizes

Find out which font-size would fit for mobile and which for desktop.

Choose breakpoints

Find out where you want to change your font-size.

Refine

Try out slightly different values. Maybe it will look better!

Useful links