ReUI
Components

Text Reveal

Animate text with various reveal effects including fade, slide, scale, blur, typewriter, wave, stagger, rotate, and elastic animations.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/text-reveal.json

Examples

Default

Loading

Slide Variants

Loading

Scale

Loading

Blur

Loading

Typewriter

Loading

Wave

Loading

Stagger

Loading

Rotate

Loading

Elastic

Loading

Neon Glow

Loading

Fire Magic

Loading

API Reference

PropTypeDefault
children string
variant enum "fade"
className string
style React.CSSProperties
delay number0
duration number0.6
staggerDelay number0.03
once booleantrue
startOnView booleantrue
wordLevel booleanfalse
onComplete () => void
PreviouseShimmering TextNextGradient Background