Variable Fonts

Variable Fonts
Variable Fonts

About Variable Fonts

A bold way to add movement to your typography. This component brings variable font effects to life on hover — letting you animate font weight and style as users interact. Choose from 75+ Google fonts, customize the range, and enjoy smooth, high-performance rendering across your site.

Adjustable properties

  • Over 75 fonts

  • Font styling options

  • Min & max weight values

  • Smooth and fast render

From Fabian Albert

Text Depth
Text Truncate
Scramble Text
Scroll Word Reveal

Related Components

Kinetic Text Slider
Text Reveal Lens
Scroll text reveal
Runaround Text Wrap