Lazy-uiLazy UI
Star0

Text Rise

Per-letter slide-up with a soft blur — letters rise into place and lift away on exit.

Riseintoplace.

Customize

Trigger
Word stagger (s)0.12s
Letter stagger (s)0.035s
Entry duration (s)0.7s
Exit duration (s)0.5s

Usage

import { TextRise } from "@/components/lazy-ui/text-animate/text-rise";

<TextRise
  trigger={true}
  wordStagger={0.12}
  letterStagger={0.035}
  entryDuration={0.7}
  exitDuration={0.5}
/>