All projects
UI recreation · side project

iPhone Landing Page

Solo Builder · 2026
See live project Code
iPhone Landing Page screenshot 1
ReactTypeScriptGSAP

About the Project

This project recreates Apple's iPhone product page, matching its layout precision and scroll-triggered reveal sequences as closely as possible with React.

The build pushed my attention to pixel-level detail and taught me a lot about pacing scroll animations to feel as polished as Apple's original — and about keeping them cheap by animating only compositor-friendly properties and respecting reduced-motion preferences.

What I learned

Recreating a highly polished production site is one of the best ways to sharpen an eye for spacing, timing, and motion detail.

The project is live and open source on GitHub.

Side project · source on GitHub
See live project Code All projects