I will build a scroll based 3d website animation with three js and gsap


About this gig
The 3D model changes its animation depending on how you scroll. No cuts, no page reloads, just continuous motion tied directly to scroll position, forward or backward.
I build this in Three.js and React Three Fiber, with GSAP driving the scroll-linked timing so the motion feels considered rather than mechanical. Live proof: basalt-instruments.vercel.app, a product I modelled and animated myself, then wired to scroll, nine layers separating as you scroll down, reversing cleanly if you scroll back up. Try it on your phone.
What I build:
- A 3D object modelled and animated in Blender
- Scroll-linked motion, scrubbable in both directions
- GSAP-driven pacing, not a default fade-in trigger
- Optimized, compressed export for real web performance
- Fully responsive, tuned separately for mobile scroll behaviour
I model, animate, and build the web integration myself, one person owning the full pipeline rather than a handoff between a 3D artist and a developer.
Please message me before ordering with your product or brand reference, so I can confirm scope before we start.
Gig milestonesNEW
Choose to pay for your project per milestone by only paying when it’s time to start a new one or decide on a 1-time payment.
- Basic Package.
- 1st Milestone: First draft2-day delivery · 1 revision$100Pay now
I'll prepare a first draft of the delivery.
- 2nd Milestone: Delivery3-day delivery · 1 revision$150Pay later
I'll send you the final delivery for review and feedback.
These are the steps we’ll follow to complete your project.
Respect third-party rights
Please be aware that it is against Fiverr's policies for sellers to include themes, templates, or any other elements that infringe third-party rights or applicable laws in the delivered work. Read more about in our Guide to Responsible Digital Creation.
Get to know Saif K
Blender 3D Artist Product Renders, Animation Videos, Print Models and Figurine
- FromPakistan
- Member sinceJul 2020
- Avg. response time1 hour
Languages
English
My Portfolio
FAQ
Do you model the 3D object yourself?
Yes, in Blender. If you already have a model, send it over and I'll optimize it for real-time scroll use instead of building from scratch.
Will this work on mobile?
Yes, tuned separately for touch scroll behaviour, not just scaled down from the desktop version. Mobile performance is a checked step in every build.
Can I see it working before the final delivery?
Yes. You get a model preview before animation begins, then a live staging link to scroll through yourself before final polish and delivery.

