Awesome Scroll
A curated list of awesome scroll-focused libraries, websites, resources and other awesomeness. Your feedback and contributions are always welcome!
Inspired by awesome-web-animation and sindresorhus/awesome.
Content
Interaction
- scrollmirror - mirror scroll event throughout elements
Animate on scroll
- AOS - Animate on scroll library.
- Laxxx - Simple & light weight (3kb minified & zipped) vanilla JavaScript plugin to create smooth & beautiful animations when you scrolllll!
- Wow - Reveal CSS animation as you scroll down a page.
- Scrollreveal - Animate elements as they scroll into view.
- ScrollMagic - The JavaScript library for magical scroll interactions.
- Motus - Animation library that mimics CSS keyframes when scrolling.
- Sal - Performance focused, lightweight scroll animation library.
- flitter - Project demonstration, scroll-binded demo video.
- sasha.works - portfolio, curate lists and display items through sticky scroll
- romalevin.com - portfolio, color transition depending on section theme
- bymayo.co.uk - portfolio, text's opacity/z-index varies to evoke multiple scroll effects
Scrollytelling
- The scramble to secure America’s voting machines - Background visualization on map.
- Sex Diversity Among Grad Students is Stagnating - Curating chart data along with scroll.
- Airpods 3rd Generation - Apple's Airpods 3rd Generation scrollytelling.
- Julie's Improbable Flighthttps://storymaps.arcgis.com/stories/a370f84f6fe4464da3782c12504042f8 - a zig-zag view of places throughout her journey. (Source: Esri).
- Shadeup.dev highlight contents area, particle effects
- Pika.art layout framing / zooming out effects
- Openai.com/sora parallax at the ending message
Contributing
Feel free to submit a pull request if you have additional resources to contribute. Refer to the contributing.md file for more details.