ai-animate

Text

RevealText

Text revealed as a solid bar slides away, magazine-style reveal.

Installation

npm install @ai-animate/core

Usage

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


<RevealText text="The future is now" barColor="#ffffff" />

Props

textstringText to reveal (required)
barColorstring#ffffffColor of the sliding bar
staggernumber0.12Delay between word reveals in seconds
durationnumber0.55Duration of each word's reveal in seconds
holdMsnumber1800When looping, hold time before replaying in ms
fontSizestring | number24Font size
colorstring#ffffffText color
fontWeightnumber | string700Font weight
loopbooleanfalseWhether to loop