Blur Text
Text that reveals from a blurred state, with staggered animation per word or letter.
Import
import { BlurText } from "@igorao79/uivix";Playground
Build something amazing today
100ms
500ms
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | string | - | The text content (required) |
| mode | "word" | "letter" | "word" | Animate per word or per letter |
| delay | number | 100 | Delay between each unit in ms |
| duration | number | 500 | Animation duration in ms |
| triggerOnView | boolean | true | Trigger when scrolled into view |
| className | string | - | Additional CSS classes |