Skip to content

This project is a clone of Apple's iPhone 16 Pro website, built using React.js and TailwindCSS. It showcases the effective utilization of GSAP (Greensock Animations) and Three.js for displaying iPhone 16 Pro models in various colors and shapes.

Notifications You must be signed in to change notification settings

SabeloMnikathi/Apple-Website

Repository files navigation

🤖 Introduction

This project is a clone of Apple's iPhone 16 Pro website, built using React.js and TailwindCSS. It showcases the effective utilization of GSAP (Greensock Animations) and Three.js for displaying iPhone 16 Pro models in various colors and shapes.

⚙️ Tech Stack

  • React.js
  • Three.js
  • React Three Fiber
  • React Three Drei
  • GSAP (Greensock)
  • Vite
  • Tailwind CSS

🔋 Features

  • Beautiful Subtle Smooth Animations using GSAP: Enhance user experience with seamless and captivating animations powered by GSAP.

  • 3D Model Rendering with Different Colors and Sizes: Explore the iPhone 15 Pro from every angle with dynamic 3D rendering, offering various color and size options.

  • Custom Video Carousel (made with GSAP): Engage users with a unique and interactive video carousel developed using GSAP for a personalized browsing experience.

  • Completely Responsive: Enjoy consistent access and optimal viewing on any device with a fully responsive design that adapts to different screen sizes.

And many more, including code architecture and reusability.

About

This project is a clone of Apple's iPhone 16 Pro website, built using React.js and TailwindCSS. It showcases the effective utilization of GSAP (Greensock Animations) and Three.js for displaying iPhone 16 Pro models in various colors and shapes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published