Porsche 911 GT3 RS 3D Showcase

A premium scroll-driven landing page that presents the Porsche 911 GT3 RS as a cinematic 3D web experience.

Built with React, Vite, Three.js, and React Three Fiber, the project combines a fixed 3D hero scene with layered editorial content, glass-morphism UI panels, and performance-focused motion design.

Highlights

• Real-time 3D Porsche GT3 RS model presentation
• Scroll-directed camera choreography and scene transitions
• Premium glass-style content panels and CTA treatment
• Custom loading animation and immersive landing-page composition
• Responsive layout tuned for desktop and mobile viewports

Tech Stack

• React
• Vite
• Three.js
• @react-three/fiber
• @react-three/drei

Project Structure

.
|- App.jsx
|- main.jsx
|- styles.css
|- index.html
|- porsche-911-gt3-rs.glb
|- package.json
`- vite.config.js

Getting Started

Install dependencies

npm install

Start the development server

npm run dev

Create a production build

npm run build

Preview the production build

npm run preview

Notes

• The 3D model is loaded locally from the repository.
• node_modules and dist are excluded through .gitignore.
• This project is prepared for GitHub publishing as a standalone frontend showcase.

Disclaimer

This project is an independent creative web experience and is not affiliated with or endorsed by Porsche AG.