Lazy-uiLazy UI
Star0

Text Warp

Per-letter depth animation — letters zoom in blurred from below and dissolve outward on exit.

Buildlazily.

Customize

Trigger
Word stagger (s)0.20s
Letter stagger (s)0.04s
Entry duration (s)1.2s
Exit duration (s)1.6s

Usage

import { TextWarp } from "@/components/lazy-ui/text-animate/text-warp";

<TextWarp
  trigger={true}
  wordStagger={0.2}
  letterStagger={0.04}
  entryDuration={1.2}
  exitDuration={1.6}
/>