Adnan · Launch Video Breakdown: Hook, Pacing & Motion Design
Built one of the fastest end-to-end encryption demos ever in React Native. ~0.8ms on-device MLS encryption powered by OpenMLS, Rust, and Nitro Modules. Zero-copy JSI. Native crypto performance. Ful…
Scene-by-scene timeline & spoken transcript
The Hook
Real-time Encryption Metrics
“(No spoken dialogue — silent video with ambient visual rhythm)”
- On screen
- 15:27 AL BO Alice & Bob margelo® 1 Messages 0.86ms Encrypt 0.77ms Decrypt 195B Data Encrypt 0.86ms Decrypt 0.77ms Hey, is this actually end-to-end encrypted? AL Encrypting...
- Camera
- Static, top-down view of a smartphone screen, simulating a messaging app.
- Motion
- UI element reveal, text typing animation, progress bar filling, and numerical data updates.
Problem Agitation
Speed & Protocol Clarification
“(No spoken dialogue — silent video with ambient visual rhythm)”
- On screen
- 15:27 AL BO Alice & Bob margelo® 3 Messages 0.80ms Encrypt 0.66ms Decrypt 562B Data Encrypt 0.78ms Decrypt 0.60ms Hey, is this actually end-to-end encrypted? AL Yes. MLS protocol — every message. BO How fast is the encryption? AL Encrypting...
- Camera
- Static, maintaining the smartphone screen view.
- Motion
- Sequential message bubble appearance, simulating a chat conversation, with continuous metric updates.
Product Reveal
Underlying Technology & Security
“(No spoken dialogue — silent video with ambient visual rhythm)”
- On screen
- 15:27 AL BO Alice & Bob margelo® 6 Messages 0.85ms Encrypt 0.68ms Decrypt 1.1KB Data Encrypt 0.97ms Decrypt 0.66ms Hey, is this actually end-to-end encrypted? AL Yes. MLS protocol — every message. BO How fast is the encryption? AL Sub-millisecond. Look at the timings. BO That is insanely fast for on-device crypto AL Rust + Nitro Modules. Zero-copy JSI bridge. BO So the server never sees plaintext? AL Encrypting...
- Camera
- Static, focused on the messaging interface.
- Motion
- Rapid text message generation, highlighting key technical specifications and benefits.
Feature Teaser
Future-Proof Security & Standard
“(No spoken dialogue — silent video with ambient visual rhythm)”
- On screen
- 15:28 AL BO Alice & Bob margelo® 10 Messages 0.85ms Encrypt 0.69ms Decrypt 1.9KB Data Encrypt 1.19ms Decrypt 0.87ms Hey, is this actually end-to-end encrypted? AL Yes. MLS protocol — every message. BO How fast is the encryption? AL Sub-millisecond. Look at the timings. BO That is insanely fast for on-device crypto AL Rust + Nitro Modules. Zero-copy JSI bridge. BO So the server never sees plaintext? AL Never. Only opaque ciphertext it cannot read. BO What about forward secrecy? AL Every message advances the epoch. Old keys are gone forever. BO This is the future of secure messaging AL OpenMLS. IETF standard. Built for this. BO iMessage Encrypting...
- Camera
- Static, maintaining the full smartphone screen view.
- Motion
- Continued message exchange, revealing advanced security features and industry standard compliance.
Motion design primitives
Synthesizable in Remotion · key components of the ios-chat-metrics-demo template.
ChatBubbleTypewriter
Simulates real-time typing and sending of chat messages, with each message bubble appearing sequentially and text animating as if being typed.
+ Code construction recipe
Use `Sequence` and `AbsoluteFill` for message bubbles. Animate text content with `spring` for character reveal and `interpolate` for opacity. Use `measureText` for dynamic bubble sizing.
MetricProgressBar
Displays dynamic progress bars and numerical metrics (e.g., encryption/decryption times, data size) that update in real-time alongside the chat conversation.
+ Code construction recipe
Implement `LinearGradient` for progress bar fills. Animate width using `interpolate` with `easeOutCubic` for smooth growth. Update numerical values using `spring` for a subtle bounce effect on change.
TypingIndicatorDots
A classic three-dot typing indicator that animates subtly to show a user is composing a message, appearing and disappearing as messages are sent.
+ Code construction recipe
Create three `Dot` components. Animate their `opacity` and `scale` using `loop` and `spring` with a slight delay between each dot to create a wave effect. Control visibility with `AbsoluteFill` and `interpolate`.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
Initial Engagement
Purpose. Hook the viewer with a familiar UI and introduce the core product concept (secure messaging) with immediate, tangible performance metrics.
Execution. The video opens directly into a messaging app, showing a conversation between 'Alice & Bob' and real-time encryption/decryption metrics updating rapidly.
- 2
Feature Elaboration
Purpose. Address common user questions about security and performance, showcasing the product's capabilities through a natural dialogue.
Execution. The chat progresses with questions like 'How fast is the encryption?' and 'So the server never sees plaintext?', answered by the app's features and underlying tech.
- 3
Technical Deep Dive
Purpose. Reveal the advanced technological foundation and key differentiators that enable the product's superior performance and security.
Execution. Messages highlight 'Rust + Nitro Modules. Zero-copy JSI bridge.' and 'MLS protocol', providing technical credibility.
- 4
Future & Authority
Purpose. Position the product as a leader in its category, emphasizing its adherence to standards and its vision for the future of secure communication.
Execution. The conversation concludes with 'This is the future of secure messaging' and 'OpenMLS. IETF standard. Built for this.', reinforcing trust and innovation.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Demonstrate a new AI-powered code refactoring tool's speed and efficiency.How the recipe adapts
The smartphone screen will be replaced with a code editor UI. Instead of chat bubbles, the 'conversation' will be between a user's code input and the AI's refactored output. Real-time metrics will show 'Refactor Time (ms)', 'Lines Optimized', and 'Performance Gain (%)'. The typing indicator will be a 'processing' animation. The dialogue will highlight the AI's ability to understand context, suggest improvements, and execute refactoring instantly, using the same smooth UI transitions and data updates.Remix blueprint · ios-chat-metrics-demo
Scene durations (4 scenes, 20s)
Key Remotion components
Related Hardware & Devices Product Launches
Explore all Hardware & Devices launches →
Waves launches camera glasses built for creators, with stealth recording and all-day livestreaming, now on pre-order.
Friend's launch film for its wearable AI companion, with orders opening alongside the post.
Official trailer for iPhone Duo.