Text
Weight wave
A variable-font wave: letters swell near the pointer as if light were pooling under it.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { WeightWave } from '@vizzele/react';
<h1 className="vz-display">
<WeightWave min={280} max={800} radius={170}>Hover the light</WeightWave>
</h1>Props
| Prop | Type | Default | Description |
|---|---|---|---|
min / max | number | 300 / 800 | Weight range. |
radius | number | 160 | Influence radius (px). |
width | boolean | false | Also animate the wdth axis. |
ease | number | 0.18 | Smoothing (0–1). |
Accessibility
- Needs a variable font with a wght axis (Bricolage Grotesque is bundled in the docs).
- Touch: follows your finger while pressing. Off with reduced motion.