Scroll-Based Motion Experiment Quick motion experiment I’ve been playing with. As you scroll, a s...

Scroll-Based Motion Experiment Quick motion experiment I’ve been playing with. As you scroll, a s...Scroll-Based Motion Experiment Quick motion experiment I’ve been playing with. As you scroll, a s...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Akram Adjab

pro

• Jan 12

Scroll-Based Motion Experiment

Quick motion experiment I’ve been playing with.

As you scroll, a small Lottie character “walks” across the page while pushing a video that scales down with the scroll. Inspired by Ribbit and built as a playful way to connect motion directly to user input.

Built with vanilla JavaScript and GSAP.

Curious how others approach scroll-driven storytelling. Do you prefer subtle motion or bold interactions?

GSAP JavaScript Animation

Nirmit Rana

pro

• Mar 8

Midjourney Figma webdesign

Many of my hero explorations are hugely inspired by nature. Do you think motion added to the experience here? Or does it distract from the intention? Please let me know in comments.

5 voted

75 voted

94%

80 votes

Closed

Hassan Ali

• Mar 8

The motion one feels like a cinema

Mehmet Özsoy

pro

• Mar 8

Crafted the motion design using @Jitter. Still a work in progress, but liking the flow so far! 😍

Abhiram Tinguria

• Mar 8

Very smooth motion. The transitions and easing make the interaction feel really polished.

Dax Manning

pro

• Mar 8

Interactive 3D Bubble Experience with Three.js

This project is an interactive 3D scene built with Three.js, featuring floating bubbles that users can explore by zooming in and out. Each bubble responds to clicks, allowing users to toggle lights on and off, which creates a dynamic and engaging visual effect. The goal of the project was to demonstrate how real-time 3D graphics and simple user interactions can turn a single web page into an immersive and playful experience. ✨