Skip to content

An immersive 3D phone showcase built with React, GSAP, and R3F. Smooth scroll-driven animations transition the phone between different angles—front, back, side, and top—highlighting key features dynamically. A fixed global canvas renders the 3D model, while UI elements update based on the active section.

Notifications You must be signed in to change notification settings

kishorprajapati1212/3d_phone_portfolie

Repository files navigation

📱 3D Phone Showcase

A visually stunning 3D phone showcase built with GSAP. This website provides a cinematic scrolling experience where users can explore a phone’s design and features with smooth animations and transitions.

🚀 Features

✅ 3D Phone Model – Interactive and immersive 3D visualization

🎥 Cinematic Scroll Animation – Seamless GSAP-powered transitions

📜 Feature Highlights – Showcases different phone aspects dynamically

💻 Modern UI/UX – Sleek, futuristic design optimized for performance

📱 Fully Responsive – Works across all devices

🛠️ Tech Stack

🔹 React.js – Builds the interactive frontend

🔹 GSAP – Smooth animations and scrolling effects

🔹 Three.js / R3F – Renders the 3D phone model

🔹 CSS / Tailwind – Styles the UI with a modern look

📦 Installation Steps

1️⃣ Clone the Repository

📥 Run → git clone https://github.com/yourusername/3d-phone-showcase.git

2️⃣ Navigate to the Project Folder

📂 Run → cd 3d-phone-showcase

3️⃣ Install Dependencies

📌 Run →npm install

4️⃣ Start the Development Server

🚀 Run → npm run dev

About

An immersive 3D phone showcase built with React, GSAP, and R3F. Smooth scroll-driven animations transition the phone between different angles—front, back, side, and top—highlighting key features dynamically. A fixed global canvas renders the 3D model, while UI elements update based on the active section.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages