Component · Scroll animations
Scroll animation ideas with prompts
A scroll animation rewards people for reading on. Each one here runs live inside its preview, so scroll it, check it at phone width and copy the prompt that recreates it.
Prompts
Component · Scroll animations
Sticky scroll animation that opens a lido view
Component · Scroll animations
Animate on scroll recipe steps that spring into place
Component · Scroll animations
Fade in on scroll route for a night race
Component · Scroll animations
Progressive blur on a scrolling changelog
Component · Scroll animations
Scroll text animation with floating letters
Component · Scroll animations
Scroll reveal manifesto that lights up as you read
Component · Scroll animations
Text marquee that speeds up with scroll
Nothing matches those filters yet.
Guide
How to prompt a scroll animation
- Say what triggers it. Entering the screen, a scroll position or scroll speed.
- Keep content readable mid-animation. Nothing should block the text for long.
- Ask for a reduced motion version. Content simply appears instead.