In:
Mode
Include Spaces
Yes
No
Animation

Duration (in ms)
Easing
Delay (in ms)
Stagger (in ms)
Stagger Direction
Out:
Mode
Include Spaces
Yes
No
Animation

Duration (in ms)
Easing
Delay (in ms)
Stagger (in ms)
Stagger Direction
Tag Name
Vars:
Distance
Accent Color
Cursor Color
Cursor Width Avoid percentage (%) values. Use an absolute length (e.g. px, em, or rem) instead.
Inner HTML
Font Size
Line Height
Font Weight
- B
- B
Text Align

Demos
Docs
Studio
Pricing
Changelog

Create, customize, and preview SplitFX text animations with SplitFX Studio

Animate text on scroll, load, hover, or click with SplitFX, a JavaScript text animation plugin.
View Demos
Explore
Legal
Contact
- Email

© 2026 SplitFX. All rights reserved.

L

o

a

d

i

n

g

.

.

.