São Paulo: Apple's liquid glass, rebuilt in code

20 s · 9:16 · 60 fps. Every frame rendered by code: no After Effects, no timeline, no AI video generation. 26 versions until it flowed.

The guide · 3 parts

1. 01

   The screens

   Each lyric lands inside a real-looking iPhone screen, and the colour flows from one to the next. Stills from the finished video:

   

   

   

   

   

   

   

   

   

   

2. 02

   How it was made

   The short version, in the order it was built:

   • It's a Remotion project. Every screen is a React component, rendered at 60 fps. Claude Opus 5.5 wrote all of it in Claude Code.
   • The lyrics come first. Every word gets a start time from the song, and every element on screen is tied to a word: a row types in, a tile lights up, a slider fills as that word is sung.
   • No hard cuts. Instead of sliding the next screen in, the background colour drifts into the next scene while the content moves out, so the song carries the change.
   • Liquid glass is plain CSS: an almost clear fill, a backdrop blur with a little extra brightness, and a thin rim that only shines where light would hit.
   • The Control Center doesn't arrive in one piece. Its rows come in slightly apart and settle together, the lower ones a beat later, the way iOS does it.
   • Each version is checked by measurement, not by eye. It's rendered, cut into frame grids, and scored by a fresh AI reviewer that has never seen the earlier versions. Scroll speed and brightness are plotted as curves to find where the motion stutters.
   • 26 versions. The last one scored 83 to 84 out of 100 from two independent reviewers.
3. 03

   Want to make your own?

   I'm putting the full method together (the prompts, the beat sheet and the source) and plan to sell it soon. Follow @copilot_shogo on Instagram to see when it's out.

Good to know

• A fan edit for portfolio purposes. The song, album art and photos belong to their owners. Not affiliated with The Weeknd, Anitta, Apple or any app shown.
• By @copilot_shogo. Not affiliated with Remotion or Anthropic.