2-Column Grid Scrolling Animation - Features, Process, Timeline

A scroll-based layout with three sections, each featuring two columns that move in opposite directions as you scroll.
Built using native Webflow interactions. No custom code required.
Use cases:
1. Showcasing product features side-by-side
2. Demonstrating a process or timeline in a more interactive way
3. Comparing content (before / after, pros / cons, services, etc.)
4. Highlighting case studies or portfolio work
5. Adding depth to landing pages without heavy animations
Each section is fully reusable, so you can duplicate, remove, or rearrange sections depending on your design.
Just swap in your own content, images, and colors. The interactions will continue to work automatically.
Clone it, customize it, enjoy it!


.png)