Variable Proximity
Text Effects
Mouse-proximity variable font interpolation per character with configurable radius and falloff curves.
Loading preview...
Customize
Falloff:
Label
From Settings
To Settings
Radius120
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | required | Text label split per-character for interpolation. |
fromFontVariationSettings | string | required | Base font variation settings string. |
toFontVariationSettings | string | required | Target font variation settings string. |
containerRef | MutableRefObject<HTMLElement | null> | undefined | Optional reference bounds for mouse coordinates. |
radius | number | 50 | Effect radius around pointer in pixels. |
falloff | 'linear' | 'exponential' | 'gaussian' | 'linear' | Interpolation falloff curve. |
className | string | '' | Additional classes for wrapper span. |
style | CSSProperties | undefined | Inline style overrides. |