Scrollytelling examples + resources
Links to some of the best examples of scrollytelling.
Scroll down for the list of tools, articles and more
Homan Sq: a portrait of Chicago’s detainees: The Guardian
Covid-19 in Africa: Mo Ibrahim Foundation
Millennials are Screwed: HuffPost
This has it all … a pinned hero, retro graphics ,scroll-triggered animations, maps and data.
Scrollytelling Tools
No code
Flourish (on Premium accounts only).
Lapis - (HT Neil Richards for the link)
Code / libraries
Scrollama (HT Diana MacDonald for the link)
Link pages
Shorthand - 15 engaging scrollytelling examples to inspire your content
Scrollytelling Guides
A beginners guide to scrollytelling - Webflow
Introducing scrollytelling - Flourish
What makes a good scrollytelling article - ONS Digital
How we create scrollytelling articles - ONS Digital
News articles/blogs about scrollytelling
How Snow Fall Changed Journalism - New York Times
Scrollytelling tips and tricks
Screen-capture your scrollytelling website - Screen Capture Google Chrome plugin - Such a clever plugin to capture your scrollytelling site - smooth scrolling and you can even program how your scroll will stop and start.