Chat To Preview
Chat To Preview for Remotion.
SceneScenesAdvanced
chat-to-preview30fps · 960×540
Install
$ npx remotion-ui@latest add chat-to-previewChat To Preview.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/chat-to-preview- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: messages, previewTitle, morphStartFrame, plus copied source for timing, layout, colors, and typography.
- Rule: do not import this component from the
remotion-uinpm package; it is copied into your project.
Usage
Example
import { ChatToPreview } from "@/remotion/scenes/chat-to-preview";
<ChatToPreview messages={messages} previewTitle="Ship the scene" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| messages | ChatMessage[] | - | Chat transcript before morph. |
| previewTitle | string | - | Headline inside the preview frame. |
| morphStartFrame | number | - | Frame when chat morphs to preview. |