ai-animate

Text

FadeText

Pure opacity fade — ultra clean word-by-word revelation.

Installation

npm install @ai-animate/core

Usage

import { FadeText } from '@ai-animate/core'


<FadeText text="This is the moment of clarity" stagger={0.1} />

Props

textstringText to animate (required)
staggernumber0.1Delay between word animations in seconds
durationnumber0.7Duration of each word's fade in seconds
holdMsnumber2000When looping, hold time before replaying in ms
fontSizestring | number24Font size
colorstring#ffffffText color
backgroundstringtransparentBackground color
fontWeightnumber | string600Font weight
loopbooleanfalseWhether to loop