
Krea Agent now has a video editor for generated clips: arrange scenes, extend shots, and add audio in one place.
The Hook
“(No spoken dialogue — ambient visual with subtle UI clicks)”
Product Reveal
“(No spoken dialogue — ambient visual with UI clicks and drag sounds)”
Feature Teaser
“(No spoken dialogue — ambient visual with UI typing and loading sounds)”
Call to Action
“(No spoken dialogue — ambient visual with UI clicks)”
Synthesizable in Remotion · key components of the cinematic-ai-editor-showcase template.
Quick, impactful transitions between distinct visual scenes, often with a slight camera adjustment or zoom on the incoming shot.
Utilize Remotion's <Sequence> component with precise 'from' and 'durationInFrames' props. Implement a 'spring()' interpolation for camera position/zoom changes on scene entry, ensuring a snappy, responsive feel.
A mouse cursor animates to specific UI elements, performing actions like clicking, dragging, and typing, with visual feedback on the UI.
Overlay an SVG cursor animation on top of the UI video. Use 'interpolate()' for cursor path and 'spring()' for click/drag animations. UI elements can react with 'scale' or 'opacity' changes on interaction, driven by 'useCurrentFrame()' and 'durationInFrames'.
Atmospheric particles (rain, dust, smoke) drift across the screen, enhancing the mood and depth of the scene, often with subtle motion blur.
Employ a <Canvas> component or a series of layered <Img> elements with alpha channels for particles. Animate 'transform' (translate, scale) and 'opacity' using 'interpolate()' with easing functions like 'easeOutCubic'. Apply a 'blur()' CSS filter or a custom WebGL shader for motion blur.
Purpose. Hook the viewer with high-quality, mysterious generated content, showcasing the product's output before revealing the tool.
Execution. Rapid cuts of a dark, atmospheric car scene and intriguing character close-ups, creating suspense.
Purpose. Introduce the intuitive editing environment, demonstrating how users control the creative process.
Execution. Clean UI shots with a mouse cursor performing drag-and-drop, timeline adjustments, and text input, highlighting ease of use.
Purpose. Showcase the core value proposition: generating new, complex scenes with simple commands.
Execution. Typing a prompt, a progress bar filling, and then an immediate transition to the newly generated cinematic footage.
Purpose. Reinforce the product's capability by presenting a montage of diverse, high-fidelity generated content.
Execution. A rapid-fire sequence of dynamic car shots, showcasing different angles, movements, and atmospheric effects, all generated by the tool.
Objective
Generate a cinematic fly-through of a futuristic skyscraper.How the recipe adapts
The initial hook would feature rapid cuts of a sleek, dark skyscraper emerging from a foggy cityscape, with glowing windows and a subtle architectural blueprint icon. The UI section would show a user typing 'Generate a cinematic fly-through of a futuristic skyscraper at dusk with volumetric lighting' into a prompt, then dragging and extending the generated clip on a timeline. The final showcase would be a montage of dynamic camera movements around and through the generated skyscraper, highlighting its intricate details and dramatic lighting, all with the same fast-paced, high-impact editing.Scene durations (4 scenes, 27.6s)
Key Remotion components

A vibe design partner with an AI-native canvas for turning ideas into UI.

We heard you wanted to use Codex rate limit resets on your own time. Starting today, we’re rolling out the ability to save rate limit resets to use later. We’re starting Go, Plus, Pro, and Business

We just launched something the VFX community has been waiting for. OpenArt VFX lets you apply real visual effects to footage you already have. It lets you mask any region of your video and replace it with AI-generated content that matches the scene's lighting and physics. https://t.co/dnQjrZCWC4