# Staggered Fade Up: Text Animation

Words fade in one after another, sliding a short distance and scaling into place. Copy this video template's code for Claude or Codex, or edit it in Subclip.

Canonical URL: https://www.subclip.app/motion-graphics-templates/hyperframes/staggered-fade-up

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-hyperframes-staggered-fade-up.mp4?v=78c4865308

A simple word-by-word text reveal where each word fades in, scales up slightly and slides a short distance into its final spot.

- Framework: HyperFrames
- Category: Titles
- Duration: 3 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/hyperframes/staggered-fade-up

It opens on a dark, empty frame. The first word fades in while growing slightly and sliding a short distance into position, and each following word starts a moment later, so the line builds from left to right in a soft wave. In the example, the words Staggered fade up rise into a single centered line of light gray type. The full reveal settles within three seconds and leaves the finished line on screen.

Enter your own words, choose which direction they travel from, set how far they move, and pick a text tone that suits a light or dark background. Because it is short and quiet, it works for subheadings, lower-key captions, slide headings and calm intros. After a free sign-in you can copy or download the HTML for Claude, Codex or another AI coding agent, or use it in Subclip.

## Use it for

- Slide and section headings
- Subheadings under titles
- Calm video intros
- Simple on-screen captions

## What you can change

- `direction`: Entry direction (Text)
- `distance`: Travel distance (Text)
- `tone`: Text tone (Text)
- `words`: Words (Text)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Staggered Fade Up and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.