Default (span)

Hover over me

As var(--typography-size)

Variable Weight

As var(--typography-size-sm)

Variable Weight

As hvar(--typography-size-lg)

Variable Weight

Navigation links

Layout shift test (watch the box)

This should not shift

Custom duration (0.5s)

Slower animation

Inline with text

This is regular text with highlighted words that animate on hover.

ArrowLink

GitHub(opens in new tab)

CopyEmailBtn

Touch support

On touch devices, tap and hold to trigger weight change

Tap meHold me