Fifty-seven web animation effects, each shown on its own: what it does, what drives it, and how it handles touch, keyboard, and reduced motion.
- 01 Mask
- 02 Stagger
- 04 Slide
- 08 Wave
- 35 Hover
Collection
57 exhibitsLetters, words, and numbers perform: they split, scramble, swell, and count.
Mask01 Stagger02 Explode03 Slide04 Scramble05 Glitch06 Speak07 Wave08 Count09
Plays once the page starts it: entrances, exits, loops.
In and Out10 Unveil11 Path12 Marquee13 Cycle14 Pulse15 Ambient16 Curtain17 Shader18 Pixels19 Melt20 Morph21 Paint22 Timeline23
Scroll position or scroll speed drives it.
Reveal24 Parallax25 Pinned26 Stacking27 Zoom28 Run29 Waypoints30 Header31 Pager32 Curl33 Flight34
Hover, click, or key sets it off.
Hover35 Feedback36 Cursor37 Attract38 Open39 Tabs40 Rearrange41 Particles42 Physics43 Confetti44 Distort45
The hand moves it directly, and it keeps going when thrown.
Effects combined into one feeling: each a small site with its own look and motion.
Calm50 Playful51 Luxury52 Snappy53 Glitchy54 Printed55 Liquid56 Immersive57