Components
Wordmark
Giant text made of liquid light. Letters rise out of a surface, reach up toward your pointer like pulled fluid, wobble when pressed, and a spotlight lights the flowing iridescent fill.
Paste it into ChatGPT, Claude, Cursor or v0.
Usage
import { Wordmark } from '@vizzele/react';
<Wordmark text="Vizzele" lift={0.14} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | — | The word(s) to show. |
fit | boolean | true | Scale the text to span the full width. |
lift | number | 0.14 | How high letters rise toward the pointer (× font size). |
reach | number | 0.16 | Width of the pointer influence (× element width). |
entrance | boolean | true | Letters rise in when scrolled into view. |
Accessibility
- The text is in the page once as real text (visually hidden); the animated letters are aria-hidden.
- With reduced motion letters stay still and the spotlight stops drifting — it only follows your pointer.
- In forced-colors mode the letters render as plain system text.