
VoxFlight is live translation for multilingual meetups. Speak into an iPhone; attendees scan a QR code and hear the talk in the browser. No attendee app.
The Hook
“Hello everyone. Thank you for coming today. We are launching a new service. You speak into an iPhone, attendees scan a QR code, and hear the talk in the browser. No attendee app. You can select the language from the browser. Anyone can start. You can follow along in Japanese, or in another language.”
Product Reveal
“皆さん、こんにちは。今日ここへ来てくださって、ありがとうございます。では、私たちの新しいサービスをご紹介します。入口でQRコードをスキャンして、ブラウザで言語を選択します。アプリをインストールする必要はありません。誰でも簡単に始められます。日本語でフォローすることも、他の言語でフォローすることもできます。”
Feature Teaser
“(No spoken dialogue — The music features pizzicato synths, a driving sub-bass, and 808-style percussion. There's a distinct high-energy audio transition with a riser and sub-bass drop at 00:08, and another impactful sub-bass drop at 00:42, followed by a more intense, layered synth melody.)”
Call to Action
“(No spoken dialogue — The music features pizzicato synths, a driving sub-bass, and 808-style percussion. There's a distinct high-energy audio transition with a riser and sub-bass drop at 00:08, and another impactful sub-bass drop at 00:42, followed by a more intense, layered synth melody.)”
Synthesizable in Remotion · key components of the ui-driven-product-demo template.
A split-screen layout where one side displays static descriptive text and the other side features a dynamic, animating iPhone UI. Content within the iPhone UI updates in real-time, simulating app functionality.
Utilize Remotion's <Absolute> positioning for the two main content panes. The iPhone UI can be a <Sequence> of different <Frame> components, each rendering a specific app state. Use <interpolate> for smooth transitions between UI states and text content, and a <spring> for subtle bounce on new element reveals.
Text appears character-by-character or word-by-word, mimicking a live typing or translation process. This is often used within the dynamic UI elements to show translated output.
Implement a <Text> component with a `text` prop that is a substring of the full text, controlled by a <Sequence> and <interpolate> based on the current frame. For a more advanced effect, use a custom shader to reveal text with a subtle glow or wipe.
Individual language names appear as distinct, rounded 'bubbles' that animate into a structured grid layout. Each bubble has a subtle pop or bounce effect upon appearance.
Create an array of language data and map over it to render individual <LanguageBubble> components. Each <LanguageBubble> should use a <spring> animation for its `scale` and `opacity` properties, triggered by its index in the array and a staggered delay. Position them using CSS Grid or Flexbox for the layout.
Purpose. Showcase the simplicity of joining a VoxFlight session without an app.
Execution. Animated iPhone UI demonstrating QR code scanning and browser-based language selection, with clear on-screen text highlighting 'No app. Join from the browser.'
Purpose. Demonstrate the core functionality of real-time, multi-language translation.
Execution. Split-screen view of 'Host • Speaking English' iPhone UI and 'Attendee • Japanese' iPhone UI, with Japanese text appearing dynamically as the English speaker talks.
Purpose. Emphasize the extensive language support and versatility of the platform.
Execution. A full-screen graphic revealing '74 input languages, 13 outputs' with a dynamic grid of language bubbles popping into view.
Purpose. Reinforce the product's value proposition and guide users to the website.
Execution. Return to the VoxFlight logo with the tagline 'Live interpretation, instantly understood.' and a clear website URL.
Objective
A new AI-powered code refactoring tool that simplifies complex codebases.How the recipe adapts
The DynamicUISplitScreen primitive would show a 'Before' code editor on one side and an 'After' refactored code editor on the other. RealtimeTextReveal would animate the refactored code appearing line by line. Instead of language bubbles, a FeatureBubbleGrid primitive would showcase different refactoring options like 'Extract Function', 'Rename Variable', or 'Simplify Logic', each popping into view. The overall pacing would remain slow and deliberate to allow users to understand the code changes.Scene durations (4 scenes, 55s)
Key Remotion components

Grand Theft Auto VI: An Extended Look premieres on Netflix Thursday, August 27.
AI is already smart enough. Real-world tasks are still slow, expensive and unreliable, because we hand AI a computer built for humans, then wrap it in a heavy harness. AI doesn’t need to get smarter
Big day 🔥 🚀 Introducing Dolphin AI - an agentic AI studio for complete video production. The story of Dolphin is very interesting. It didn’t start as a product. It started as an internal tool. W