Lerp

Apple iMac

Visitapple.com

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Intro · 1440 px · 7 s · 30 fps
Step frames · Pro

Full page · Pro

three.js 30 fps
Specs

The motion

Apple iMac is known for three.js scroll. Measured from frames; estimates from notes. Each fit includes its error.

05 · Scroll

Estimate

Hero film (one pink iMac pulls back to the seven-colour fan) →…

Curve Duration Scroll
Prompt

Prompt pack

The design presents a clean, high-fidelity aesthetic defined by expansive white space and precise typography. It balances technical rigour with approachability through the use of soft pastel washes that match the product colours. The layout feels airy yet structured, using large media elements to anchor each section. Motion is subtle and purposeful, creating a polished experience where content reveals itself smoothly without distraction. The overall mood is premium and modern, relying on clarity and visual hierarchy rather than heavy ornamentation.

5 prompts in Pro Generated 24 Sep 2026

  • Recreate this site's feelEverything: look, layout, type, colour, motion and libraries, in one prompt.
  • Just the scroll feelSmoothing, what moves with scroll, pinned sections.
  • Just the introHow the page enters: sequence, curve, duration, stagger.
  • Just the hoversLinks, buttons and cursor: timings from the live CSS.
  • Just the type and colourFamilies, scale, weights, tracking and the palette with roles.

Pro opens every prompt with its measured values, and the tokens they are built from.

Unlock prompts with Pro

US$60/year or US$8/month. Cancel anytime.

Record

Capture record

Savedon 24 Sep 2026. Full pages, stills and key frames.

Pro opens the rest of the record: the whole page at each viewport, the key frames of every clip, and 5 key pages. See Pro

Captured

  1. 24 Sep 2026 Shown home · 1440 px · home · 390 px · key pages · 1440 px · key pages · 390 px
Notes

Apple iMac (apple.com): three.js scroll.

light · 6 effects · 1 measured · 30 fps clips

Motion
Intro, Scroll, Hover, Page transition
Libraries
three.js
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

white and #f5f5f7 in SF Pro. Each chapter has a small grey eyebrow and a large tight two-line headline whose first word takes the chapter's iMac colour ("Performance.", "Display."), on a pastel wash matched to one of the seven colours, with the product render or a rounded media card as its hero.

Libraries detected

Stack as observed

Apple's own static marketing pages with in-house ac-* JavaScript modules (local nav, "all-access-pass" floating controls, autofilms video player); motion: in-house JS (no GSAP, Lenis or Framer globals), hls.js in the video bundle, CSS transitions; sig.mjs flags three.js inside autofilms.built.js, probably a false positive (no canvas is on the page).

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Lerp smooth scroll, Liquid Glass dock.

More like this

Similar motion and feel.

89 % alike
88 % alike
88 % alike
87 % alike
87 % alike
86 % alike