I will design a 3d animated webflow website with threejs and gsap


About this gig
Stand out with a website that moves. I design and build immersive Webflow sites that combine interactive 3D scenes (Three.js) with smooth scroll-driven animation (GSAP), without sacrificing speed or SEO.
What you get
- Custom 3D hero: floating objects, product models, particles, or shader effects
- Scroll-triggered animations, page transitions, and micro-interactions (GSAP + ScrollTrigger)
- Mouse and cursor-reactive 3D elements
- Fully responsive build, with a lightweight 3D fallback on mobile
- Optimized models (GLB/GLTF) for fast load times
- Clean Webflow CMS setup, so you can edit content yourself
- Cross-browser tested (Chrome, Safari, Firefox, Edge)
What I need from you
- Brand assets (logo, colors, fonts) and copy
- A 3D model or reference (or I can create a simple one)
- Inspiration links, if you have any
Why work with me
- Design and development in one place, with no handoff gaps
- Performance-focused: 3D that doesnt tank your Lighthouse score
- Clear communication and on-time delivery
Message me before ordering with your project idea and Ill confirm the best package for you.
Delivery style preference
Please inform the freelancer of any preferences or concerns regarding the use of AI tools in the completion and/or delivery of your order.
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 Daniel
Wordpress and wix Expert
- FromUnited Kingdom
- Member sinceMar 2026
- Avg. response time1 hour
Languages
English, Spanish, French, Italian, German, Georgian
FAQ
Can you work with my existing Webflow site, or do I need a new one?
Both. I can add 3D and GSAP animation to an existing Webflow project or build a new site from scratch.
Do I need to provide the 3D model?
Not necessarily. If you have a GLB/GLTF model, I’ll optimize and integrate it. If not, I can create simple 3D elements (shapes, particles, abstract objects) or work from a reference. Complex custom modeling (detailed products, characters) is quoted separately.
How does Three.js work inside Webflow?
I embed the 3D scene using custom code (a canvas plus a hosted script), then connect it to your Webflow layout and GSAP animations. Your design stays fully editable in the Webflow Designer.
Will the 3D slow down my website?
I optimize models, compress textures, and lazy-load heavy assets to keep load times low. On mobile and low-power devices, I serve a lighter 3D version or a static fallback.
Can I edit the content myself after delivery?
Yes. On Pro and Premium, text, images, and blog or portfolio items are set up in the Webflow CMS, so you can update them without touching code. The 3D scene itself stays fixed unless you order changes.
Which Webflow plan do I need?
Custom code requires a paid Webflow Site plan (or a Workspace plan with code export). I’ll confirm what fits your project before we start.
Can you match a design I already have (Figma, etc.)?
Yes. Send your Figma file or references and I’ll build to match, adding the 3D and animation layers on top.
Is 3D bad for SEO?
Not when it’s done right. Text content stays in standard Webflow elements that search engines can read, and the 3D canvas is purely visual. Pro and Premium include speed and SEO optimization.
