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.
The elements cover the range, from a headline that types itself out to text that decodes from random characters, words that trade places or morph into one another, phrases marked the way a person would draw on them, real layered 3D type that tilts toward the visitor, and oversized lines that travel with the scroll. The ones that type or swap their text pin letter widths or lock the line width so the layout never jumps while they animate, 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.
Turn a plain headline into moving color. Build a seamless flow from as many as eight brand colors, send it across, down or diagonally through the letters, then carry the same motion around an optional glassy frame. The actual copy is always present and readable. The animation only moves its light.
A headline where the words you mark are painted rather than typed: solid colour with wavy stripes travelling through the letters, drawn on a canvas cut to the shape of the glyphs.
A rotating headline in which one word flows into the next like liquid type.
A headline assembled from thousands of particles that scatter from the pointer and spring home.
A mechanical departure board whose character cells flip into their final message in a wave.
Oversized lines of text that loop across the page, each at its own pace and direction, reacting to the visitor's scroll.
A long line of display type that stops the page and travels sideways as the visitor scrolls, leaning into the scroll speed.
A headline whose letters are windows onto a GIF, a panning photo or a flowing multi-colour gradient.
Bold type sitting on a stack of hard offset colour shadows that swoosh back under the letters on hover.
A headline where a cursor draws a box round the words that matter: the box grows from its top-left corner with the pointer riding its far corner, then the pointer rests just outside it.
Typing Animation and Word Rotate cycle through multiple offers in one line. HyperText Scramble and Depth Text make a single statement land. Highlighter and Pointer Highlight mark the specific words inside a headline you already wrote. Scroll Text Marquee and Velocity Skew Text turn a line into a moving band between sections.
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