Tailwind CSS Fluid Scaling Plugin

Typography

letter-spacing

letter-spacing

Utilities for controlling the letter spacing of an element.

Basic example

Use tracking-fluid-[breakpoints] utility to set the letter spacing of an element.

tracking-fluid-[0px,2px]

Lorem ipsum dolor sit amet.

tracking-fluid-[2px,4px]

Lorem ipsum dolor sit amet.

tracking-fluid-[4px,6px]

Lorem ipsum dolor sit amet.

tracking-fluid-[6px,8px]

Lorem ipsum dolor sit amet.

tracking-fluid-[8px,10px]

Lorem ipsum dolor sit amet.

JSX
<p className="tracking-fluid-[0px,2px]">Lorem ipsum dolor sit amet.</p>
<p className="tracking-fluid-[2px,4px]">Lorem ipsum dolor sit amet.</p>
<p className="tracking-fluid-[4px,6px]">Lorem ipsum dolor sit amet.</p>
<p className="tracking-fluid-[6px,8px]">Lorem ipsum dolor sit amet.</p>
<p className="tracking-fluid-[8px,10px]">Lorem ipsum dolor sit amet.</p>
Visit our website

© Gladeye 2026