The headline is where the offer either lands or does not. Static type gives a visitor one chance to read it. Animated type gives you a second: motion pulls the eye back to the words that carry the promise, and holds it there long enough for the rest of the page to matter.
Five elements cover the range, from a headline that types itself out to text that decodes from random characters, words that trade places mid-sentence, phrases marked the way a person would draw on them, and real layered 3D type that tilts toward the visitor. Each one pins letter widths or locks its line width so the layout never jumps while it animates, which is the failure mode that makes most animated text look cheap.
A headline that types itself out. Keep a fixed lead-in ("We build") and let the rest cycle through your offers, one phrase at a time. Type once and stop, or loop forever with a backspace between phrases. Real cursor styles, human typing rhythm, and a width lock so the line never jumps as it types.
Text that decodes itself. Every letter churns through random characters and locks into place behind a travelling reveal front. Run it once when the visitor scrolls to it, keep it repeating, or hang it on hover or a click so the headline reacts to the person reading it. Each letter's width is pinned to its final glyph, so the line never jitters. The gradient is re-cut per letter at run time, so it stays continuous while every letter animates on its own.
Turn one headline into a whole offer stack. Fixed copy stays locked while two isolated word layers trade places with clean slide, blur, 3D flip, scale, or fade motion. Lock the longest phrase for a rock-steady layout, or let the slot resize smoothly as each new idea lands.
Mark the words that carry the offer. A marker sweep, underline, box, circle, strike, cross or brackets, sketched over the real text the way a person would draw it, never twice the same, and never a stock rectangle. Wrap any phrase in asterisks and it gets marked; mark as many as you like and they draw in sequence.
Give one word enough weight to hold the whole hero. Dozens of real 3D layers build the extrusion, a crisp front face catches the light, and the camera follows the visitor before falling back into a slow idle orbit. No canvas, no external library, no flat text-shadow trick.
Typing Animation and Word Rotate cycle through multiple offers in one line. HyperText Scramble and Depth Text make a single statement land. Highlighter marks the specific words inside a headline you already wrote.
Each element takes its text directly. Typing Animation keeps a fixed lead-in and cycles the rest, Word Rotate swaps a list of words, and Highlighter marks any phrase you wrap in asterisks, as many per line as you like.
Most text elements default to firing when the visitor scrolls to them. You can also run on load, on hover, or on click, once or repeating, depending on whether the headline should react to the reader or simply arrive.
Desktop and mobile sizes are separate controls, not a single scaled value. Set the mobile size explicitly so a long headline does not wrap into four lines on a phone.
New to the app? Start with the install and setup guide.
Animated Elements