$9.90 Pack

Shot Breakdown: SaaS Launch Kinetic UI & Remotion Promo

16:9 SaaS ProductHunt-style launch video alternating Remotion motion cards with real browser workflow capture

Code / Remotion + Screen Capture 5 Shots · 12.8s · 864×486 (16:9) · 30 fps Calibrated by google/gemini-2.5-flash

SaaS Product Launch — Kinetic Remotion UI + Screen Demo

3-Second Hook Analysis: The opening shot immediately presents a bold, animated product claim ('Ship Video Ads 10x Faster') with clean kinetic typography, instantly communicating the core value proposition. This is paired with a dynamic, upbeat background music track that establishes an energetic, modern tone.

00.00s / 12.80s
Avg Cut Pacing
2.56s (fast-cut)
Audio Tempo & Sync
83.4 BPM · 75% beat-cut
SFX Hits (BandIt v2)
3 triggers
Manual Prep Saved
~1.2 hrs
Interactive Shot Timeline (Click any cut to seek & inspect) 0.0s → 12.8s
♪ Beat & SFX Timeline (Upbeat, modern electronic pop with a driving synth beat and light percussion.) whoosh@12.2s · impact@12.45s · ding@12.69s
Code / Remotion: 3 shots (56.2%) Screen Capture: 2 shots (43.7%)
Code / Remotion 94% conf
Forensic Evidence · Arbiter: FLASH “Ship Video Ads 10x Faster — Launch v2.4”

This shot is clearly programmatic UI motion graphics due to its perfect vector clarity, precise animation, and lack of any real-world camera characteristics, aligning perfectly with the offline heuristic.

Crisp, vector-based text and shapes with no pixelation or compression artifacts. Smooth, programmatic animation of UI elements (boxes, text) entering and exiting the frame. Consistent dark background with glowing neon-like accents, characteristic of modern UI frameworks. Absence of any real-world camera noise, lens distortions, or environmental reflections.
Framing & Angle WS · Eye-level
Camera Motion Code spring slide
Lighting Setup Flat UI canvas with glowing neon accents
Gear / Engine Est. Remotion 4
Reverse-Engineered AI Video Prompt Best on: Remotion React · 16:9

A full-screen animated UI card on a dark background. The main title 'Ship Video Ads 10x Faster' appears with a subtle bounce, followed by 'LAUNCH v2.4' and 'Zero timelines. Pure prompt-to-cut.' text fading in below. Elements should have a clean, modern aesthetic with glowing blue and teal accents, animating smoothly into position with a slight spring effect. The overall style is sleek and professional, suitable for a SaaS product launch video.

Inspect Remotion Component & Spring Physics Spec (JSON)
{
  "componentLayout": "Centered main title with smaller subtitle elements below, all within a rectangular bounding box with rounded corners.",
  "springPhysics": {
    "fps": 30,
    "damping": 15,
    "stiffness": 100
  },
  "paletteHexes": [
    "#0A0A1A",
    "#00FFFF",
    "#00BFFF",
    "#FFFFFF"
  ],
  "textAnimationKeyframes": {
    "mainTitle": {
      "opacity": [
        0,
        1
      ],
      "translateY": [
        20,
        0
      ],
      "delay": 0.2
    },
    "subtitle": {
      "opacity": [
        0,
        1
      ],
      "translateY": [
        10,
        0
      ],
      "delay": 0.5
    }
  }
}
Edit in ChatCut ↗
Screen Capture 94% conf
✦ VLM Calibrated: Offline guessed code_ui_motion → Fixed to screen_recording
Forensic Evidence · Arbiter: FLASH “Live web studio character selection & prompt input”

This shot is a clear screen recording, evidenced by the interactive web UI, mouse cursor, and lack of any physical camera artifacts, confirming the offline label.

Visible browser UI elements (tabs, scrollbars, address bar) indicating a live web interface. Mouse cursor movements and clicks interacting with form fields and buttons. Text input and selection within a web application, showing typical UI responsiveness. Absence of any camera lens characteristics or environmental reflections, consistent with a digital capture.
Framing & Angle WS · Top-down
Camera Motion Static locked
Lighting Setup Flat UI canvas
Gear / Engine Est. Screen recording software (e.g., OBS Studio)
Reverse-Engineered AI Video Prompt Best on: Live Screen Recording · 16:9

A screen recording of a web application interface, showcasing a character selection and script input workflow. The browser window is clean, displaying form fields for 'Choose a character' and 'Write the script'. A mouse cursor navigates and clicks on various options, including radio buttons for character styles and typing text into a script box. The UI is modern, clean, and responsive, demonstrating a user interacting with the platform to generate content. Focus on the smooth interaction and clear display of text and UI elements.

Code / Remotion 94% conf
Forensic Evidence · Arbiter: FLASH “Pick Style -> Add Voice (Remotion React sequence)”

This shot is definitively code UI motion, characterized by its precise vector graphics, controlled animations, and synthetic visual style, validating the offline classification.

Vector-perfect text and arrow graphics with no aliasing. Smooth, choreographed animation of text and boxes sliding and changing color. Consistent dark background with subtle glowing outlines, indicating a programmatic environment. Absence of any real-world camera imperfections or environmental light interaction.
Framing & Angle WS · Eye-level
Camera Motion Code spring slide
Lighting Setup Flat UI canvas with glowing neon accents
Gear / Engine Est. Remotion 4
Reverse-Engineered AI Video Prompt Best on: Remotion React · 16:9

A full-screen animated UI sequence on a dark background. Two rectangular cards, 'Pick Style' and 'Add Voice', appear sequentially, connected by a glowing arrow. The cards should animate in with a spring-like effect, changing color from a subtle purple to a vibrant teal as they transition. Below, a subtitle 'Spring-animated React UI sequence' fades in. The overall aesthetic is clean, modern, and programmatic, emphasizing smooth transitions and clear information flow, suitable for a tech product demo.

Inspect Remotion Component & Spring Physics Spec (JSON)
{
  "componentLayout": "Two horizontal rectangular cards with a connecting arrow, centered on screen. Subtitle below.",
  "springPhysics": {
    "fps": 30,
    "damping": 18,
    "stiffness": 120
  },
  "paletteHexes": [
    "#0A0A1A",
    "#8A2BE2",
    "#00FFFF",
    "#FFFFFF"
  ],
  "textAnimationKeyframes": {
    "card1": {
      "opacity": [
        0,
        1
      ],
      "translateX": [
        -50,
        0
      ],
      "delay": 0.1
    },
    "arrow": {
      "opacity": [
        0,
        1
      ],
      "scaleX": [
        0,
        1
      ],
      "delay": 0.4
    },
    "card2": {
      "opacity": [
        0,
        1
      ],
      "translateX": [
        50,
        0
      ],
      "delay": 0.7
    },
    "subtitle": {
      "opacity": [
        0,
        1
      ],
      "translateY": [
        10,
        0
      ],
      "delay": 1
    }
  }
}
Edit in ChatCut ↗
Screen Capture 94% conf
✦ VLM Calibrated: Offline guessed code_ui_motion → Fixed to screen_recording
Forensic Evidence · Arbiter: FLASH “Real-time generation preview inside workspace”

This is a screen recording of a web application, even though the content within the application (robot characters) might be AI-generated. The primary visual evidence points to a genuine screen capture, confirming the offline label's intent.

Browser window elements (tabs, scrollbars) are clearly visible, indicating a live web environment. Mouse cursor interacting with UI elements, including selecting AI-generated character options. Text input and dynamic updates within the web application, showing real-time interaction. The presence of AI-generated robot characters within the UI, but the overall frame is a screen capture.
Framing & Angle WS · Top-down
Camera Motion Static locked
Lighting Setup Flat UI canvas
Gear / Engine Est. Screen recording software (e.g., Loom)
Reverse-Engineered AI Video Prompt Best on: Live Screen Recording · 16:9

A screen recording of a web application showing a 'Write the script' interface with two AI-generated robot characters displayed side-by-side as preview options. A mouse cursor hovers and clicks on one of the robot characters, highlighting it. Text is being typed into a script input field, and a character count updates dynamically. The UI is clean, modern, and responsive, demonstrating the process of selecting a visual avatar and inputting a script for AI video generation. The focus is on the interactive elements and the clear display of the robot characters.

Code / Remotion 94% conf
Forensic Evidence · Arbiter: FLASH “Try Free in Browser — Instant Export”

This shot is clearly programmatic UI motion graphics, identified by its crisp vector elements, precise animations, and synthetic visual quality, aligning with the offline classification.

Vector-perfect text and box outlines with no pixelation. Smooth, programmatic animation of UI elements fading and sliding into view. Consistent dark background with glowing green accents, typical of UI frameworks. Absence of any real-world camera noise, lens distortions, or environmental reflections.
Framing & Angle WS · Eye-level
Camera Motion Code spring slide
Lighting Setup Flat UI canvas with glowing green accents
Gear / Engine Est. Remotion 4
Reverse-Engineered AI Video Prompt Best on: Remotion React · 16:9

A full-screen animated UI card on a dark background. The main call-to-action 'Try Free in Browser' appears with a subtle bounce, followed by 'Instant Export' and 'No Monthly Subscription Required' text fading in below. Elements should have a clean, modern aesthetic with glowing green and teal accents, animating smoothly into position with a slight spring effect. The overall style is sleek and professional, designed to convey ease of access and value proposition for a SaaS product.

Inspect Remotion Component & Spring Physics Spec (JSON)
{
  "componentLayout": "Centered main call-to-action with smaller subtitle elements below, all within a rectangular bounding box with rounded corners.",
  "springPhysics": {
    "fps": 30,
    "damping": 15,
    "stiffness": 100
  },
  "paletteHexes": [
    "#0A0A1A",
    "#00FF00",
    "#00BFFF",
    "#FFFFFF"
  ],
  "textAnimationKeyframes": {
    "mainTitle": {
      "opacity": [
        0,
        1
      ],
      "translateY": [
        20,
        0
      ],
      "delay": 0.2
    },
    "subtitle": {
      "opacity": [
        0,
        1
      ],
      "translateY": [
        10,
        0
      ],
      "delay": 0.5
    }
  }
}
Edit in ChatCut ↗
Copied to clipboard!

Want to deconstruct your own reference clip like this?

Or drag & drop an MP4 / MOV file — Max 100 MB · ≤3 min (10 credits/min · Free trial ≤45s)
Browse MP4 / MOV
✓ Gemini 2.5 VLM Calibrated (99.6% accuracy) ✓ Source video auto-deleted after breakdown ✓ One-time credits · Never expire