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
![Thumbnail for Stellar Flux, a Framer Marketplace template by S[C].](/creators-assets/_next/image/?url=https%3A%2F%2Fy4pdgnepgswqffpt.public.blob.vercel-storage.com%2Fcomponents%2FiPidqYTLxn1kVT50Kd2z%2Fstellar-flux-mXqjjRFkDBb2X0p40rnUJUvUBPT21x&w=3840&q=100)
