Text
CinematicQuote
Prestige documentary pull-quote reveal with opening marks, word appearance, and attribution.
Installation
npm install @ai-animate/core
Usage
import { CinematicQuote } from '@ai-animate/core'
<CinematicQuote quote="Intelligence is the ability to adapt to change" attribution="— Stephen Hawking" />
Props
quotestringIntelligence is the ability to adapt to changeThe main quote text
attributionstring— Stephen HawkingOptional attribution text below the quote
wordDelaynumber180Delay between word appearances in ms
holdMsnumber2000Hold time in ms
loopbooleantrueWhether to loop
fontSizestringclamp(1.4rem, 2.8vw, 2.4rem)Font size for quote
colorstring#ffffffQuote text color
backgroundstring#000Background color
onCycleComplete() => voidundefinedCalled when cycle completes