Design Lounge
Install

Motion

Text animation

013 pieces
Sort
Nº 461Animation · Web

Trail type

HOLD is an outline. Drag it and up to eight outlines stay behind. Release clears them.

Nº 422Animation · Web

Split-flap board

Three departure rows flip from a dot to the gate text. Replay runs the flaps again.

Nº 395Animation · Web

Scroll word highlight

A 54px serif manifesto pinned for 340vh. Each word goes from 18% to 100% opacity in reading order as you scroll, and three key phrases draw a terracotta underline.

Nº 385Section · Web

Redaction bar reveal

Condensed investigative copy hidden under black bars, one per line, that lift right-to-left in a stagger. One name stays withheld for good.

Nº 267Animation · Web

Headline rise with drawn underline

A staged headline intro: two lines rise 160ms apart, a hand-drawn underline strokes under the italic word at 1s, then the paragraph and a faint aside note follow.

Nº 265Animation · Web

Hand-drawn text annotations

An essay page where six pen marks (underline, circle, highlight, strike, bracket, arrow) draw onto the text on scroll, with a picker that replays each one.

Nº 255Animation · Web

Glitch text

GATE 4 splits red and green for 480ms when Replay runs, then the word sits still.

Nº 144Animation · Web

Split letter wave

A 192px hero headline whose letters rise in a staggered wave with springy overshoot; hovering any word makes just that word hop again.

Nº 127Animation · Web

Mask line reveal

A four-line Bodoni manifesto where each line slides up from behind its own mask with a 110ms stagger, then a hairline draws and notes fade in.

Nº 126Animation · Web

Marker highlight draw

A 58px Newsreader pull-quote where yellow marker and red pen strokes draw on over 2.5s; Replay and hover run the same stroke-dash animation again.

Nº 087Animation · Web

Variable font proximity headline

A 148px Fraunces headline where every letter's weight (300–900) follows cursor distance within a 260px radius, easing back on leave; keyboard and reduced motion get a static 800.

Nº 076Animation · Web

Text scramble reveal

A 64px monospace headline resolves from random glyphs to its final text left to right in 900ms; three headlines cycle every 4s with a progress dash per headline; click or Space skips.

Nº 025Animation · Web

Kinetic type marquee

Three rows of 136px variable-font text scroll at different speeds and directions; hovering a row eases it to quarter speed; the middle row is outlined and the weight breathes 300–720.