Ross ROSS = Recommend OSS · open-source software intelligence for agents

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

github.com/adrianhajdin/iphone · homepage · JavaScript 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

Full methodology

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

Member repositories

RepositoryRoleHealth v2
adrianhajdin/iphonemain25

For agents

markdown · JSON · MCP: product_card(name="adrianhajdin/iphone")

Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem