
The Hook
“(No spoken dialogue — Subtle sweep at 0:00, driving four-on-the-floor kick drum, 808-style claps and snares, consistent sub-bass line, synthesized melodic elements with a 'pizzicato' quality. Vocal sample 'Yeah!' at 0:10.)”
Product Reveal
“(No spoken dialogue — Driving beat continues, pizzicato melodies. High-energy audio transition with a noticeable riser at 0:22 followed by a sub-bass drop/impact and vocal sample 'Yeah!')”
Feature Teaser
“(No spoken dialogue — Beat intensifies after the riser and sub-bass drop. Pizzicato melodies continue, building energy towards the next section.)”
Call to Action
“What was the Italian restaurant we went to last year in New York? / You dined at Trattoria Altostrat with Jeanne for your birthday dinner during your first trip to New York in January, based on a reservation in your email. Address: 111 8th Avenue, New York.”
Synthesizable in Remotion · key components of the ai-product-ui-showcase template.
A fluid camera pan across a user interface, often accompanied by subtle depth of field changes and highlighting of interactive elements. This creates a sense of exploration and engagement with the product.
Utilize Remotion's <AbsoluteFill> and <Sequence> components. Implement `interpolate` for camera X/Y position and Z-depth (for DOF blur). Use `spring` for smooth easing on pan and zoom transitions. Apply SVG filters for blur and glow effects on highlighted UI elements.
Text appears dynamically, often with a subtle fade-in, scale, or color change, mimicking typing or a 'thought process' of an AI. Key words might change color to emphasize AI interaction.
Employ `spring` for character-by-character or word-by-word opacity and scale animations. Use `interpolate` for color changes on specific keywords. Text can be rendered using Remotion's <Text> component with custom styling and animation props.
User interface elements, such as buttons or input fields, are highlighted through glows, subtle scaling, or color shifts upon interaction (e.g., a mouse click or AI processing).
Wrap interactive UI elements in a component that uses `spring` for scale and opacity changes. Apply CSS `box-shadow` or SVG `feGaussianBlur` filters for glow effects, animated via `interpolate` based on interaction state. Use `useCurrentFrame` to synchronize with audio cues.
Purpose. Introduce the core concept of an AI-powered assistant and its personal benefits.
Execution. Opening with a simple, impactful text reveal ('Your personal') followed by a gradual zoom out to reveal the AI's integration into the familiar Gmail interface.
Purpose. Demonstrate how the AI solves common email management pain points.
Execution. Dynamic camera pans across the Gmail inbox, highlighting features like priority summaries and categorized updates, showing the AI proactively organizing information.
Purpose. Illustrate specific AI capabilities through user interaction.
Execution. Close-ups on features like smart compose, email rewriting, and calendar integration, with animated typing and UI feedback, emphasizing ease of use and efficiency.
Purpose. Showcase the AI's ability to retrieve information across platforms and reinforce brand identity.
Execution. Transition to a mobile interface demonstrating a complex query, followed by a clear, concise answer, culminating in the iconic Gmail logo reveal.
Objective
Launch a new smart thermostat with AI-driven energy optimization.How the recipe adapts
The video would open with 'Your smart home, optimized.' The camera would then dynamically pan across a simulated smart thermostat app interface, highlighting features like 'AI-driven scheduling' and 'real-time energy savings.' An interactive element highlight would show a user adjusting the temperature, with the AI suggesting an optimal setting. Animated text reveals would explain the energy-saving benefits. The video would conclude with the thermostat's brand logo, emphasizing seamless integration and efficiency.Scene durations (4 scenes, 71s)
Key Remotion components
To ensure that artificial general intelligence benefits all of humanity

Gopuff introduces Go, an AI shopping assistant built with SpaceXAI: say what you need and the order is placed.

Iliad (Troy) trailer made by Grok Imagine 1.5, which was just released