Variable Fonts
Get your headers and typography to the next level with this code component. Choose from a large list of Google variable fonts and spice up your hover interactions.
Make it with Workshop
Build your own component with AI
About this Component
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
