Browse categories
Explore
Fiverr Pro
English
$
USD
I will create a scroll animation website with three js gsap and next js
Arthur Morgan
About this gig
Scrolling can do more than move text up a screen. It can fly a camera across a globe, take a product apart, or walk someone through how a thing works.
I build scroll-driven 3D websites with three.js, GSAP and Next.js. The page is one continuous scene: as the visitor scrolls, the camera moves, parts separate, routes draw themselves, and each chapter arrives with its own words.
WHAT YOU GET
- One continuous 3D scene, not a stack of sections
- Each chapter framed and timed so the words can be read
- Smooth on phones, not just on fast laptops
- Clean Next.js code you own, deployed and live
- A settings file, so you can change the text yourself
GOOD FOR
Travel and tourism, clinics and medical devices, engineering, architecture, product launches, anything that needs explaining rather than listing.
WHAT I NEED
Your text, your photos or model, and the order you want things revealed in.
The gallery shows demo builds: a travel journey across a globe, and a dental implant that separates into its parts.
Tell me what you need to explain and I will suggest how it could unfold.
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 Arthur Morgan
Arthur Morgan
- FromIndia
- Member sinceJun 2024
- Avg. response time1 hour
Languages
English
Are you looking for high-quality, professional services to elevate your projects? Look no further! I am Prashant Kumar a dedicated freelancer My goal is to provide you with exceptional work that exceeds your expectations and helps you achieve your goals.
FAQ
What is a scroll-driven site?
The page is one 3D scene, and scrolling moves the camera through it instead of jumping between blocks. Think of Apple's product pages: the object stays, the view and the words change around it.
Do I need a 3D model?
Not always. A globe, a map or an abstract scene I build in code. For your specific product I need a model or CAD file, or good photos so I can source and optimise one.
Does it work on phones?
Yes. I build a portrait layout with its own framing, because a scene composed for a wide screen rarely works on a narrow one. Older phones get a lighter version so nothing stutters.
Is it bad for SEO?
No. The text is real HTML, rendered on the server with Next.js, so search engines read the words normally. Only the 3D scene loads afterwards.
Are the examples real client work?
No. They are demo builds showing what is possible, so the brands are fictional. The code, 3D work and performance are the same as you would get
