Scrolleo
A lightweight & performant scrollytelling library.
This is a demo gallery showcasing its capabilities.
Showcase Demos
Basic
Basic step enter/exit functionality. The foundation of Scrolleo.
Progress
Track scroll progress through steps with visual feedback and animations.
Sticky Side
Sticky graphic on the side with scrolling text - a common scrollytelling pattern.
Sticky Overlay
Sticky graphic overlay pattern with text scrolling over it.
Percentage Offset
Per-step offset customization using percentage values (0 = top, 0.5 = middle, 1 = bottom).
Pixel Offset
Fixed pixel-based offsets that don't change with viewport height, ideal for mobile devices.
Multiple Instances
Multiple scrolleo instances working independently on the same page.
Nested Scroll Container
Use a nested scroll container instead of the window element.
Performance Test
Performance monitoring demo with multiple instances and progress tracking.