Animation Engine
Scroll Loop
Loop a run of full-height Sections into a seamless, never-ending scroll — mark two or more in a row and the first re-appears after the last, with optional section snapping and smooth scrolling.
Infinite scroll
A page with no bottom.
Scroll Loop smooth-scrolls the page and loops the marked full-height Sections forever — perfect for a portfolio reel or a continuous story. It’s a front-end experience (ignored in the editor and for reduced-motion visitors), so it’s described here rather than run on this page.
How it works
Mark the sections, it does the rest
Mark a run
Set two or more full-height Sections in a row to “Infinite Loop”.
Seamless wrap
After the last marked section, the first re-appears with no visible jump.
Snap or free
Snap one section per gesture (the classic look), or scroll freely and smoothly.
Smooth scroll
Powered by Lenis — the whole page eases as it moves.
Pairs with Parallax
Add a Scroll Motion → Parallax layer inside for the classic depth reel.
Front-end only
Runs on the live site; the editor and reduced-motion visitors see normal scrolling.
How to set it up
Add it in under a minute
- Build two or more full-height Sections in a row.
- Open each → Animations → Infinite Scroll Loop → Infinite Loop.
- Choose snap-to-section or free smooth scrolling.
- Save and view the page — it loops forever as you scroll.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.