
New in macOS 27: You can now resize iPhone mirroring to look like an iPad display
The Hook
“(No spoken dialogue — silent video with ambient visual focus)”
Product Reveal
“(No spoken dialogue — silent video with ambient visual focus)”
Feature Teaser
“(No spoken dialogue — silent video with ambient visual focus)”
Call to Action
“(No spoken dialogue — silent video with ambient visual focus)”
Synthesizable in Remotion · key components of the universal-canvas-transform template.
A window on a desktop environment smoothly transitions its width and height, revealing or concealing content within its bounds.
Use Remotion's 'spring' or 'interpolate' functions for width and height properties, ensuring a smooth, natural feel. Content inside the window should use 'flexbox' or 'grid' layouts with 'transition' properties for reflow.
As the container resizes, the internal content (e.g., app cards, text blocks) dynamically rearranges, expands, or contracts to optimally fill the new available space.
Implement CSS 'grid' or 'flexbox' with 'gap' and 'auto-fit' properties. Animate 'opacity' and 'transform' for newly appearing/disappearing elements, synchronized with the parent container's resize animation.
A vibrant, abstract, layered background with smooth color gradients and subtle light shifts, mimicking the macOS desktop aesthetic.
Utilize SVG gradients or a canvas animation with Perlin noise for organic color blending. Animate 'hue-rotate' or 'brightness' filters subtly over time to create a living background.
Purpose. Establish the current state of iPhone mirroring and implicitly highlight the limitation of fixed aspect ratio.
Execution. Show the iPhone app store in its native, smaller mirrored window on a macOS desktop.
Purpose. Introduce the core innovation: dynamic resizing to an iPad-like display.
Execution. The iPhone window smoothly expands horizontally, revealing more content and adopting an iPad aspect ratio.
Purpose. Showcase the practical benefits and content adaptation of the new feature.
Execution. The app store content reflows and expands to fill the larger window, displaying more apps simultaneously.
Purpose. Demonstrate the fluidity and ease of switching back, reinforcing user control.
Execution. The window smoothly contracts back to its original iPhone aspect ratio, with content adapting accordingly.
Objective
A new macOS feature called 'Universal Canvas' that allows users to dynamically resize and reconfigure application windows into multi-panel workspaces.How the recipe adapts
Scene durations (4 scenes, 12s)
Key Remotion components

Against all odds. Congrats @elonmusk and @SpaceX.

Unreal Engine 6 has been announced with Rocket League.

Trade 24/7 with a social feed and onchain signals.