Variable Font Weight
Text that animates font-weight in a wave pattern on hover, from light to black.
Adjust the preview
Every choice updates the preview and the wording below.
Font Family
Weight Range
Speed
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a variable font weight animation where text characters animate their weight in a wave pattern using a sans-serif typeface. The weight transitions from light-to-bold with medium 0.6s animation speed per character. Use CSS animation-delay per letter for the wave effect.
Paste it into Claude, Cursor, or v0 along with the context for your project.