Kinetic typography examples

A giant word split into letters; hovering sends a sine wave through them with per-letter spring delays, like a finger brushing piano keys.

An infinite editorial marquee that slows to a crawl when hovered and can be flicked faster or reversed by dragging.

An airport split-flap board that shuffles random letters before landing on each word of a rotating headline.

A statement banner where key words slide up through clip masks one by one, and the accent word gets a hand-drawn terracotta circle.

A 70s banner with stacked sunset stripes that roll in like a record label while a fat Shrikhand word bobs to a groove.

A zine headline printed in two riso inks; the pink and blue layers drift out of registration following the cursor, overlapping in multiply.

A statement banner for Crumb & Co. whose words drop in one by one with springy rotation, then lean away from the cursor on hover.

A statement banner for Petal & Stem whose words drop in one by one with springy rotation, then lean away from the cursor on hover.

A statement banner for Haddad Arch. whose words drop in one by one with springy rotation, then lean away from the cursor on hover.

A statement banner for Ben-Ami & Katz whose words drop in one by one with springy rotation, then lean away from the cursor on hover.