Jelly Scroll: Webflow Scroll-Triggered Lottie Clonable
Ilya G.
Jelly Scroll — scroll-driven Lottie demo in Webflow
The Project
A scroll-triggered Lottie animation experiment in Webflow, published as a clonable template in the Made-in-Webflow showcase. One of three scroll experiments in my Webflow profile (jelly-scroll, scroll-lottie, spider-scroll), each demonstrating a different scroll-driven interaction technique.
What It Demonstrates
Scroll-triggered Lottie playback wired through Webflow's native interactions — no external JS libraries
Physics-feel response curves tuned for a "jelly" elastic feel as the scroll position drives the animation timeline
Native Webflow only — no custom code, no third-party plugins. Anything you see is reproducible by other Webflow users without leaving the platform
See Also
The full Webflow showcase cluster is on my Webflow profile at webflow.com/ivg — including:
scroll-lottie — variant scroll-driven Lottie pattern
spider-scroll — different scroll-position-driven motion technique
Plus several other Lottie + interaction demos: dynamic-head, dynamic-fonts-dynamic-div-sizes, Lottie SVG Hamburgers, Full Page Lottie Transition
The Result
Cloneable template anyone can fork. Featured in the Made-in-Webflow showcase.
Like this project
Posted Dec 1, 2025
Showcase of scroll-triggered Lottie animation in Webflow, published as a clonable template in the Made-in-Webflow showcase. One of three scroll experiments in my Webflow profile (jelly-scroll, scroll-lottie, spider-scroll).
Likes
0
Views
0
