adrianhajdin/iphone resource
Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all. observed · 2026-08-28
Health v2 · maintenance only
25/100
- Activity 0
- Release rhythm 35
- Longevity 64
Flags: no_releases no_license
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-02. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 901
- days_rel: n/a
- days_push: 782
- n_releases_24m: 0
Adoption not part of the score
1644 stars · 316 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
A tutorial companion repository that recreates Apple's iPhone 15 Pro marketing website using React, Tailwind CSS, GSAP animations, and Three.js (via React Three Fiber) for interactive 3D product models. It accompanies a step-by-step YouTube tutorial from JavaScript Mastery.
Use cases
- learn gsap scroll animations in react
- learn to render 3d models with react three fiber
- build an apple-style product landing page
- study a three.js product configurator with color and size options
- follow a beginner-friendly react animation tutorial
- reference code for a modern animated marketing site
When to choose
- you want a guided, video-backed walkthrough of GSAP and Three.js in React
- you need a working reference implementation of an animated 3D product page
- you are learning React Three Fiber and scroll-driven animations
When to avoid
- you need production-ready, licensed code for a commercial site
- you want a maintained library or framework rather than tutorial code
- you need a generic 3D engine or animation library instead of a demo project
Facets
learning-resource · maturity maintenance
animation frontend-framework ui-components graphics web-development frontend tutorials education web-design cross-platform gsap threejs react-three-fiber tailwindcss tutorial-project clone-project 3d-web vite web-server nodejs
2 sources
- readme: https://github.com/adrianhajdin/iphone · fetched 2026-08-28 · 1f90e7547b3e
- homepage: https://iphone-doc.vercel.app/ · fetched 2026-08-29 · 440353ab7b2e
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| adrianhajdin/iphone | main | 25 |
For agents
markdown · JSON · MCP: product_card(name="adrianhajdin/iphone")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem