Text
CinematicGlare
Lens-flare streak across text that blooms to white at peak glare.
Installation
npm install @ai-animate/core
Usage
import { CinematicGlare } from '@ai-animate/core'
<CinematicGlare
text="OBSIDIAN"
/>
Props
textstring'OBSIDIAN'The text to display
holdBeforeMsnumber1000Hold time before glare fires in ms
glareDurationnumber0.6Duration of glare sweep in seconds
holdAfterMsnumber2000Hold time after glare in ms
loopbooleantrueWhether to loop
glareColorstring'#ffffff'Glare/flare color
fontSizestring'clamp(3rem, 7vw, 6rem)'CSS font-size
colorstring'#ffffff'Text color
fontWeightnumber | string800font-weight
backgroundstring'#000'Background color
onCycleComplete() => voidundefinedCalled when cycle completes