Scrolleo

Lightweight. Modern. Fast. The definitive engine for scrollytelling narratives.

Precise Triggers

Detect entry and exit with directional context.

Scrolleo uses IntersectionObserver to eliminate layout thrashing and scroll event overhead.

Know exactly if the user entered from the top or bottom, enabling reversible narrative flows.

Track exactly how far an element has traveled through the trigger zone.

Use the 0-1 progress value to drive smooth, hardware-accelerated CSS transforms.

Perfect for syncing complex data visualizations with long-form text.

0.00

Create atmospheric transitions that respond to the reader's pace.

Background colors and states transition seamlessly between narrative beats.

Built for the web of 2026. Zero dependencies. Pure performance.