Home
Docs
InfinityFX
©Copyright2016-2026 InfinityFX. All rights reserved.
InfinityFX®
Lively
v5.0.0
Getting started
Components
Animate
LayoutGroup
TextAnimation
ViewAnimation
Hooks
useAudio
useHover
useLink
useReducedMotion
useScroll
useSpring
useTap
useViewport
useVisible
Links
v4 docs
llms.txt

TextAnimation

A preset component that automatically splits text content by character or word and applies staggered entrance animations.

Importing

1
import { TextAnimation } from '@infinityfx/lively/presets';

Usage

Smooth text animations with Lively v5!

Properties

children:ReactText | ReactText[]

The text content or child elements to break up and animate.

duration?:number = 1

Total duration in seconds for the entire text animation sequence.

split?:'char' | 'word' = 'char'

Controls whether text is split per character ('char') or per word ('word').

animate?:ClipOptions | Clip

Animation properties applied to each split character or word element.

initial?:ClipInitials

Initial property values assigned to each split element before playback.