🥤 3D Soda Scroll Experience

• An interactive 3D web experience where a soda can smoothly moves downward through different sections as the user scrolls. Built using modern frontend tools with smooth animations and immersive visuals.

🚀 Tech Stack

• React – Component-based UI

• React Three Fiber (R3F) – Three.js renderer for React

• Three.js – 3D rendering

• GSAP – Scroll-based animations

• Tailwind CSS

✨ Features

• 🥤 Interactive 3D soda can model

• 🎯 Scroll-triggered animations using GSAP

• 🧠 Smooth section transitions

• ⚡ Optimized performance with React Three Fiber

Deployed Link

• https://3d-can-scroll.vercel.app

📌 Inspiration

• This project was inspired by a Three.js scroll animation tutorial on YouTube that demonstrates moving 3D objects based on user scroll input. Here’s the video for context:

• 👉 https://youtu.be/rbIbvw6c53k

• I used the concepts demonstrated there to build my own soda-can scroll experience.