Browse categories
Explore
Fiverr Pro
English
$
USD
I will develop an interactive 3d website with three js and webgl
Farhan Shahriar
About this gig
Most 3D websites are a beautiful animation with nothing behind them. You get the scene, then find there is no backend, no forms, no way to edit anything, and it crawls on a phone.
I build the whole thing.
WHAT YOU GET
- A real Three.js / WebGL scene written for your brand. No templates, no reused project.
- Scroll-driven motion with GSAP that follows the reader, not at them.
- The site behind it: pages, database, contact forms, and an admin panel you log into.
- Real crawlable HTML under the 3D, so search engines still read your content.
- A tested fallback, so low-power phones get a fast page, not a broken one.
- Deployed live on your domain, plus the full source code. You own it.
MY STACK
Three.js, WebGL and hand-written GLSL shaders. Next.js, React, TypeScript, Tailwind. Supabase and Postgres. Deployed on Vercel.
WHY ME
I am a full-stack developer, so the 3D and the system under it are built by the same person. There is no handoff for things to get lost in.
My own site runs this exact stack, live at farhanshahriar.online. Open it, scroll it, then open it on your phone.
Message me before ordering and I will tell you honestly which package fits.
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 Farhan Shahriar
Farhan Shahriar
Full Stack Developer
- FromBangladesh
- Member sinceJul 2024
- Avg. response time1 hour
Languages
Bengali, English
I build complete web products end to end - frontend, backend, database and deployment - and I ship them alone, so nothing gets lost in handoffs.
My stack: Next.js, React, TypeScript and Tailwind on the front; Supabase and Postgres with row-level security on the back; deployed on Vercel. When a site needs 3D I write real Three.js and GLSL, not a template.
Everything I claim I have built and shipped: a live site with a WebGL hero, an admin panel, auth, file storage, a contact pipeline and hardened security headers.
Tell me what you need and I will tell you how I would build it.
FAQ
Will it be slow or crash on phones?
No. Before delivery I test on a real mid-range Android, not an emulator. The site checks the device first, and anything low-powered gets a lighter scene or a static fallback instead of a broken page. You will get a phone screen recording with the delivery.
Will Google still be able to read my site?
Yes. Your text and headings ship as real HTML that crawlers read normally, and the 3D sits on top of it rather than replacing it. This is the mistake that hurts most WebGL sites, so it is handled by default, not as an extra.
Do I own the site and get the source code?
Yes, on every package. You get the full source and the site is deployed to your own hosting and domain. There is no template licence, no builder account of mine you depend on, and nothing to keep paying me for.
How long will it take to load?
I will not quote you a number I have not measured on your project. What I commit to is a real budget for scene weight, loading only what the first screen needs, and a measured before-and-after on a throttled connection that I show you.
Can I edit the text and images myself afterwards?
On the Premium package, yes: you get an admin panel with a login where you edit text, images and content. Being straight with you, the 3D scene itself is code and changing it is a development job, not a content edit.
Can you add 3D to my existing website without breaking it?
Yes, that is exactly what the Basic package is. I add one 3D section into the site you already have and leave the rest alone. Send me the URL first so I can confirm your setup can take it before you order.
Is this a template you resell to other clients?
No. Every scene is written for one project and is not reused. That is also why I ask what your brand is about before quoting, and why I cannot deliver a full custom scene in 24 hours.
How many revisions do I get, and what counts as one?
Two on Basic, four on Standard, five on Premium, measured against the brief we agree before you order. Adjusting colours, layout, timing or content is a revision. Changing the concept after you approved it, or adding pages, is new work and I will quote it honestly.
Can you make 3D models, characters or product animations?
I build scenes in code: geometry, shaders, particles and motion. I do not do Blender modelling, character rigging or product visualisation from CAD files. If your project needs a modelled asset, tell me first and I will say so honestly.
What do you need from me to start?
Your goal for the site, two or three reference sites you like, your logo and brand colours, and your text and images if you have them. If content is not ready we can start on structure and the 3D while you finish it.
