Text effect

Text Reveal Animation

by Vanguardia · motionprompts.dev

Char-level text reveal built on GSAP SplitText: each character slides in from x:100 with a 20-degree skew and fades to place (power3.out, 0.65s), staggered 0.05s by its index within its own line so all lines animate in parallel. Three trigger modes across full-height sections: on page load, on scroll enter (replays entering, resets when scrolled back above), and scrubbed between viewport positions, all under Lenis smooth scrolling.

Type: Web motion
Framework: GSAP
Trigger: scroll
Duration: 0.65–0.65s

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: power3
Complexity: 2/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, ScrollTrigger, SplitText, lenis

per-char skewed slide-in (x 100→0, opacity 0→1, skewX 20→0, 0.65s power3.out), stagger by index within each line so all lines fire in parallel

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev17,394 charsCustomize

# Text Reveal Animation (per-line char slide-in with skew, three trigger modes)

## Goal
Build a demo page of three full-viewport sections, each centered on one…

The build prompt

More like this

A one-line prompt for an inference startup launch

UX Decision Explainer Animation

Motion Design Showreel Reaction Video

SaaS launch video for a product Opus picks

Product video for Distilbook

Squad.so SaaS Launch Video

Fresh recipes, every week.