Text
CinematicReveal
Projector-beam text reveal where a bright diagonal beam sweeps across text.
Installation
npm install @ai-animate/core
Usage
import { CinematicReveal } from '@ai-animate/core'
<CinematicReveal
text="The Future Arrives"
/>
Props
textstring'The Future Arrives'The text to reveal
durationnumber1.6Duration of the beam sweep in seconds
pauseDurationnumber2000Hold time after full reveal in ms
loopbooleantrueWhether to loop
beamColorstring'#ffffff'Beam color
trailColorstring'rgba(255,255,255,0.08)'Glow trail color behind the beam
fontSizestring'clamp(2.5rem, 6vw, 5rem)'CSS font-size
colorstring'#ffffff'Text color
fontWeightnumber | string700font-weight
backgroundstring'#000'Background color
onCycleComplete() => voidundefinedCalled when cycle completes