RemotionUI

v0

v0 builder composer scene for Remotion.

Scene

v030fps · 960×540
Install
$ npx remotion-ui@latest add v0

Animated v0 builder with model selectors and a mic-to-send morph. The prompt is typed, the send button presses, and the prompt rises into the thread with the reply dots pulsing under it: the beat is scheduled off the prompt length by sendBeatAt, so a longer prompt pushes the submit later instead of running past the end of the clip.

The reference box is cropped to the greeting-plus-composer band rather than a full 1280x720 page, so the composer fills the frame at tile size.

Agent notes

Install first, then import the copied source component locally. AI guide →

Import
@/remotion/scenes/v0
  • Use when: full-frame scenes, overlays, cards, and reusable video sections.
  • Customize: greeting, placeholder, prompt, modelName, plus copied source for timing, layout, colors, and typography.
  • Rule: do not import this component from the remotion-ui npm package; it is copied into your project.

Usage

Example
import { V0Composer } from "@/remotion/scenes/v0"; <V0Composer prompt="a landing page for my SaaS with pricing" />

API Reference

PropTypeDescription
greetingstringBold heading above the box.
placeholderstringEmpty textarea placeholder.
promptstringBuild prompt typed into the textarea. The send beat is scheduled off its length, so a long prompt pushes the submit later rather than overrunning the window.
modelNamestringModel chip label in the toolbar.
projectNamestringProject selector label.
theme"light" | "dark"Light or dark surface palette.
speednumberAnimation speed multiplier.

On this page