Live Demo: https://macbookpro-landing.vercel.app
A modern, Apple-inspired landing page built using React and JSX, styled entirely with Tailwind CSS v4, and enhanced with GSAP animations and 3D visuals powered by React Three Fiber.
This project focuses on component-based architecture, clean UI composition, smooth motion design, and interactive 3D experiences — without writing raw HTML or CSS.
- Apple-style UI and visual hierarchy
- Fully responsive layout
- Component-based architecture using React + JSX
- Styling handled entirely with Tailwind CSS v4
- Smooth, timeline-based animations using GSAP
- Interactive 3D elements using React Three Fiber
- No raw HTML or traditional CSS files
- Deployed with Vercel
- React
- JSX
- Tailwind CSS v4
- GSAP (animations)
- React Three Fiber (Three.js renderer)
- JavaScript (ES6+)
Apple_Website/ ├── src/ │ ├── components/ │ ├── canvas/ # React Three Fiber scenes │ ├── assets/ │ ├── App.jsx │ └── main.jsx ├── public/ └── package.json
Built as a portfolio project to showcase:
- Modern React and JSX development
- Utility-first styling with Tailwind CSS
- Advanced animation workflows using GSAP
- Integration of 3D graphics with React Three Fiber
- Attention to detail in premium product landing pages
Apple name, logos, and product visuals are the property of Apple Inc.
This project is for educational and portfolio purposes only and is not affiliated with Apple.