The Hook
“(No spoken dialogue — silent ambient UI walkthrough)”
Problem Agitation
“(No spoken dialogue — silent interface demo)”
Product Reveal
“(No spoken dialogue — silent interface demo)”
Feature Teaser
“(No spoken dialogue — silent interface demo)”
Feature Teaser
“(No spoken dialogue — silent interface demo)”
Call to Action
“(No spoken dialogue — silent interface demo)”
Synthesizable in Remotion · key components of the macos-app-demo-screencast template.
Modal cards shift horizontally with step indicators highlighting progress.
Animate translateX using spring() driven by activeStep index with pagination dots scaling opacity.
Simulated macOS pointer moves along bezier paths with realistic ease-in-out deceleration before clicks.
Interpolate top/left CSS coordinates with custom cubic-bezier timing and scale down on trigger frames.
Lightweight summary popover scales up slightly from 0.95 to 1.0 with subtle drop-shadow blur.
Apply spring-based transform scale and opacity fade triggered on button hover/click.
Purpose. Demonstrate instant multi-account connection without complexity.
Execution. Quick step-by-step modal transitions ending in an active inbox.
Purpose. Prove speed advantages via summaries and prompt-based draft creation.
Execution. Clicking summarize button, typing a single sentence prompt, and refining output.
Objective
Launch video for a native macOS markdown note-taking app with local AI chat.How the recipe adapts
Replace mail inboxes with document trees, swap the email viewer with a rich text editor, and adapt the AI draft panel into an inline notes co-pilot.Scene durations (4 scenes, 71s)
Key Remotion components
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
We just released QVAC TranscribePsy, a speech-to-text model small enough to run inside a phone app. It covers 25 European languages on a laptop and 8 on a phone, and on an iPhone 17 Pro Max's Ne