Get Moduly free
Gutenberg · Interactive & Motion · live demoScroll SequencePlay a product animation as visitors scroll.

Scroll Sequence

Core has nothing like this: Cover can fix a background, Video plays on its own clock. This block draws a sequence of images on a canvas and plays it with the scroll — pinned on screen while it plays, or as it passes in the content — or by itself, or following the pointer. Frames come from the media library, a folder of numbered images or a video (taken frame by frame in the browser). Text appears and leaves at chosen points, with a progress bar and a frame counter; frames load in a spread-out order so scrubbing works from the first moment. Visitors who prefer reduced motion (and anyone without JavaScript) see a still poster with the texts listed over it.

Ready-made patterns

Inserter → Patterns → Moduly. The 60 day-to-night frames are illustrations bundled with the block. Keep scrolling: the first one is pinned for four screens.

A valley from morning to night
Morning

Up with the sun

We start early, while the valley is still quiet.

Evening

Golden hour

The best light of the day for the photographs.

Night

Lights on

Orders packed, ready for the morning van.

Shop the collection
A valley from morning to night

From dawn to dusk

Scroll to watch a day go by.

One day in the valley

A valley from morning to night

Other sources

A video from the media library (mdly-sv-ridge-sunrise.mp4), 48 frames taken in the browser, inline, scrubbed by scroll

Sunrise on the ridge

Media library images (media 59–63, 91–99) · plays by itself at 6 frames per second, back and forth · 4:5 · fit

The autumn range

The day-to-night frames following the pointer · 21:9

A valley from morning to night

Move across the picture