Split Text Stagger Reveal

Characters, words, or lines with staggered animations

01

Split Types

Characters

Each character animates individually

Words

Each word animates as a unit

Lines

Each line reveals together,
perfect for multi-line headings

02

Animation Styles

Fade Up

fade-up

Fade Down

fade-down

Scale

scale

Blur

blur

Rotate

rotate

Clip

clip
03

Stagger Directions

Forward

Left to Right

Reverse

Right to Left

Center

Center Outward

Edges

Edges to Center

Random

Random Order

04

Hover Interactions

Hover or focus these navigation links:

05

Hero Section

Creative Studio

We design experiences that matter

Crafting digital products with purpose, blending creativity with strategy to create meaningful connections.

Get Started