Cursor · Launch Video Breakdown: Hook, Pacing & Motion Design
All the power of Cursor on iPhone, with more room to work with agents — now on iPad.
Scene-by-scene timeline & spoken transcript
The Hook
iPhone to iPad Transition
“(No spoken dialogue — silent/ambient visual)”
- On screen
- 9:41 The menu icon button jitters position whenever the menu is toggled. Make sure the positioning is stable. Finished 5m Walkthrough Acme Labs Software is changing Sign up Cursor is now on iPad
- Camera
- Static shot of an iPhone screen, then a quick cut to a full-screen text overlay, followed by a zoom-out to reveal an iPad.
- Motion
- Device frame morph, quick cuts, text reveal.
Product Reveal
iPad Interface & Agent Inbox
“(No spoken dialogue — silent/ambient visual)”
- On screen
- New Agent Inbox Search Recents PR quality improvements 31m Working dots into prod 49m PR quality improvements 31m Inbox What changed? Adds the redesigned hero to the Acme Labs landing page so a follow-up PR can wire the sign-up CTA into the live flow. HeroSection({headline, gradient, cta}) — new component compositing the headline over the full-bleed. Demos Acme Labs Software is changing Sign up An inbox to keep An inbox to keep you organized All Agents 1 Review 1 Review 3
- Camera
- Close-up on the iPad interface, panning across the sidebar and main content area, with a focus on interactive elements.
- Motion
- UI element highlighting, content reveal, subtle icon animations.
Feature Teaser
Review Surface & Code Integration
“(No spoken dialogue — silent/ambient visual)”
- On screen
- And a full And a full review surface to resolve issues New Agent Inbox Search Recents PR quality improvements 31m Working dots into prod 49m PR quality improvements 31m Inbox Demos Acme Lab Software is changing Sign up welcome-hero.tsx
- Camera
- Text overlay revealing features, then a quick cut back to the iPad screen, zooming into a specific code block and highlighting text.
- Motion
- Text reveal with underline, zoom-in, text highlighting, subtle UI interaction.
Call to Action
Anywhere Workflow & Brand Reveal
“(No spoken dialogue — silent/ambient visual)”
- On screen
- Create, Create, review, Merge From From anywhere.
- Camera
- Text overlays with key actions, followed by a final brand logo animation on a white background.
- Motion
- Sequential text reveal, icon animation, logo reveal with subtle rotation.
Motion design primitives
Synthesizable in Remotion · key components of the cursor-ipad-launch-remix template.
DeviceFrameMorph
A mobile device frame smoothly transitions into a tablet device frame, revealing an expanded UI. This is accompanied by a quick text overlay introducing the new platform.
+ Code construction recipe
Use `interpolate` for `width`, `height`, and `borderRadius` properties of an SVG or React Native View component. Animate `opacity` and `scale` for the text overlay. Utilize `spring` for a subtle bounce effect on the final iPad frame.
SidebarContentReveal
A sidebar menu expands or slides into view, revealing a list of interactive items. Simultaneously, the main content area adjusts its width.
+ Code construction recipe
Animate the `width` property of the sidebar component using a `spring` function. Use `interpolate` for the `translateX` of the main content area to create a smooth push effect. Individual list items can fade in with a slight delay using `delay` and `opacity` interpolation.
TextHighlightAndUnderline
Key text phrases appear on screen, with specific words or sections dynamically underlined or circled to draw attention.
+ Code construction recipe
Implement a `Sequence` component for sequential text reveals. For underlining, use an SVG path animation or a `width` interpolation on a `div` element positioned below the text. For circling, animate the `stroke-dashoffset` of an SVG circle or path around the target word.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Expansion
Purpose. Immediately establish the core product update: availability on a new, larger form factor.
Execution. Quick transition from iPhone to iPad, with a direct text overlay stating 'Cursor is now on iPad'.
- 2
The Workflow
Purpose. Showcase the enhanced user interface and key organizational features on the new device.
Execution. Detailed walkthrough of the iPad app's sidebar, inbox, and agent management features.
- 3
The Resolution
Purpose. Highlight the product's capability to facilitate code review and issue resolution.
Execution. Text overlays emphasizing 'review surface' and 'resolve issues', followed by a zoom into a code snippet within the app.
- 4
The Freedom
Purpose. Conclude with the benefit of ubiquitous access and a strong brand identity.
Execution. Sequential text reveals 'Create, review, Merge' and 'From anywhere.', culminating in the animated Cursor logo.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch 'CodeFlow', a new AI-powered code refactoring tool, now available as a VS Code extension and web app.How the recipe adapts
The DeviceFrameMorph primitive would transition from a VS Code window to a web browser frame. SidebarContentReveal would showcase CodeFlow's refactoring suggestions and AI agent interactions. TextHighlightAndUnderline would emphasize key benefits like 'Automated Refactoring' and 'Instant Suggestions'. The color palette would adapt to VS Code's dark theme with a bright green accent, maintaining the fast-paced, UI-centric motion language.Remix blueprint · cursor-ipad-launch-remix
Scene durations (4 scenes, 27.8s)
Key Remotion components
Related Developer Tools Product Launches
Explore all Developer Tools launches →
xAI opens voice cloning on its API: build a custom voice in about two minutes or pick from 80+ voices in 28 languages.
Claude can now operate your Mac, opening apps, browsing and filling spreadsheets, as a research preview in Cowork and Claude Code.
Agentic CLI for coding, building apps, and automating workflows.