Scroll Atlas.
Fifteen live scroll-animation examples, each explained, from parallax and animated text to 3D motion.
The brief
Scroll Atlas is a guide to scroll animation. Each of its fifteen examples runs live on the page, with a plain explanation of what drives the effect and how it responds to scrolling.
What was built
- Fifteen live examples, from parallax to 3D motion
- Plain-language explanations next to each effect
- Animation that stays smooth on phones
- Reduced-motion support throughout
On a phone.
Designed and tested at phone size first, where most visitors arrive.
Your site could be next.
Book a free 20-minute call with Mason, or price your site and start right away.