I will build a stunning three js 3d website with gsap animations using next js


About this gig
I'm Kahan, a full-stack developer and IIT Madras engineer. I build immersive, high-performance websites using Three.js 3D, GSAP animations, and Next.js custom-coded from scratch, zero templates.
Portfolio : https://www.kahan-sanghani.me/
Projects :
https://glaze-notes.onrender.com/
https://structura-resource-management.vercel.app/
https://arihant-auto-mobiles.vercel.app/
WHAT YOU GET:
Custom 3D scenes with Three.js / React Three Fiber
Buttery-smooth GSAP scroll animations & transitions
Blazing-fast Next.js + React frontend
Fully responsive across all devices
Clean, production-ready code you own 100%
Secure auth + database integration (Standard & Premium)
Payment gateway setup (Stripe/PayPal) on Premium
WHY ME?
I'm a second-year engineer at IIT Madras (India's top tech institution) with real production experience building AI-integrated web apps. I currently mentor 100+ students. I don't use Figma templates everything is hand-crafted.
FAST DELIVERY | REPLY IN 1 HOUR | REVISIONS UNTIL YOU'RE HAPPY
Message me before ordering tell me your vision and I'll send you a custom plan within the hour.
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 Kahan S
FULL STACK DEVELOPER AI SYSTEMS ENGINEER
- FromIndia
- Member sinceMay 2026
Languages
English, Hindi, Gujarati
FAQ
Do I need to provide the 3D models for the Three.js integration?
Ideally, yes. If you already have a 3D asset (such as .gltf, .glb, or .obj formats), I can easily optimize and integrate it into the codebase. If you do not have a model, please message me before ordering so we can discuss sourcing or creating standard 3D assets for your site.
Will the 3D models and heavy GSAP animations slow down my website?
Not at all. Performance optimization is a core part of my development workflow. I implement lazy loading, mesh optimization, compressed asset delivery, and proper animation lifecycle management to ensure your site loads instantly and runs smoothly across both desktop and mobile devices.
What tech stack do you use for full-stack applications?
For full-stack builds, I primarily use modern, high-performance technologies including Next.js, React, Node.js, Express, and MongoDB or PostgreSQL. For animations and 3D rendering, I utilize GSAP, Three.js, and React Three Fiber (R3F).
Can you integrate custom payment gateways and user authentication?
Yes! In the advanced and premium tiers, I build secure full-stack architectures that include robust user authentication (like Google OAuth or credentials) and seamless payment gateway integrations (such as Stripe or PayPal).

