I Build An Animated Website Like Apple

What you're seeing right now is not the official Apple website.

I built this in 30 minutes with Claude Code.

192 frames. Scroll-driven canvas animation. A MacBook Neo gliding through the screen as you scroll, perfectly synced to every pixel of movement. Smooth transitions, massive typography, the whole thing.

Websites like this used to be a nightmare to build. Not years ago. Last year. Setting up GSAP, canvas frame rendering, Lenis smooth scroll, getting the product video to sync frame by frame with scroll progress... just the boilerplate alone took half a day. Making it actually look premium was a different battle.

I decided to solve this once. I built a skill inside Claude Code that knows the entire stack, the design rules, the animation logic, everything. You give it a product and a video. It does the rest.

The first output genuinely shocked me.

Let me know what do you think in the comments.

0:17

3 comments