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