WebGL Interactive Web App
Anyvan 3D - Logistics Showcase
Interactive 3D Logistics & Delivery Showcase (2025)
Project Overview
A web-based 3D logistics experience designed to demonstrate interactive delivery flows. Using Three.js and GSAP, it features scroll-bound camera paths that follow a delivery van through customized urban landscapes.
Key Achievements
Scroll-Bound Camera Paths: Immersive 3D camera controls bound to scroll progress tracking delivery milestones.
Interactive Cargo Customizer: Customize delivery packages and van designs dynamically with real-time WebGL material updates.
Fluid UI Animations: Micro-interactions and grid transition sequences using Framer Motion.
Technology Stack
Next.jsThree.jsReact Three FiberGSAP AnimationsFramer MotionTailwind CSS
Launch Live Project
Open live production build in a new browser tab.
Visual Walkthrough & Screenshots
Interactive 3D Shipping & Delivery Hero Section
Expand Screen
Van Customization & WebGL Material Configurator
Expand Screen
Scroll-Bound Delivery Timeline & Milestones View
Expand Screen