https://github.com/vsbron/react2024-apple-website
Clone of the modern Apple website with iPhone 15 presentation
https://github.com/vsbron/react2024-apple-website
gsap react tailwind threejs typescript
Last synced: 2 months ago
JSON representation
Clone of the modern Apple website with iPhone 15 presentation
- Host: GitHub
- URL: https://github.com/vsbron/react2024-apple-website
- Owner: vsbron
- Created: 2024-08-07T10:20:48.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-31T07:11:17.000Z (over 1 year ago)
- Last Synced: 2025-01-11T23:47:05.312Z (over 1 year ago)
- Topics: gsap, react, tailwind, threejs, typescript
- Language: TypeScript
- Homepage: https://vsbron-react2024-apple-website.netlify.app/
- Size: 37.2 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Apple 15 Pro
A modern React SPA that replicates Apple's official iPhone 15 presentation page, showcasing a sleek, interactive product experience.
## Features
- **Header Navigation:** Simple, intuitive header navigation for quick access to different sections.
- **Hero Section:** A striking product presentation introducing the iPhone 15.
- **Highlights Section:** Video slider showcasing key product highlights and features.
- **Interactive Model Viewer:** Allows users to view the iPhone 15 in various models and colors.
- **Features Section:** Videos and animations highlighting the titanium build and premium materials.
- **Performance Section:** Details on the chip and capabilities that power the device.
- **Footer:** Contains essential information in a minimalistic layout.
## Details
- **Technology Stack:** Built with **React** and **TypeScript**.
- **Styling:** Handled with **Tailwind CSS** for efficient, responsive design.
- **Animations:** Managed through **GSAP** for smooth, engaging transitions.
- **3D Animations:** Created with **Three.js** for an immersive experience.
- **Custom Enhancements:** Extensive layout and animation improvements were added beyond the original design.
- **Responsive Design:** Optimized for mobile devices with a minimum width of 360px.
---
Explore this React-based Apple 15 Pro SPA to experience a modern product presentation with interactive elements and polished animations.
## Live version
https://vsbron-react2024-apple-website.netlify.app/