Claude Chat
Claude chat composer scene for Remotion.
SceneScenes
claude-chat30fps · 960×540
Install
$ npx remotion-ui@latest add claude-chatAnimated Claude chat composer with typed prompt and waveform-to-send morph.
Agent notes
Install first, then import the copied source component locally. AI guide →
Import
@/remotion/scenes/claude-chat- Use when: full-frame scenes, overlays, cards, and reusable video sections.
- Customize: placeholder, prompt, modelName, modelTier, 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 { ClaudeChat } from "@/remotion/scenes/claude-chat";
<ClaudeChat prompt="Draft a launch tweet for our new release" />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| placeholder | string | "Try: draft an email · summarize a doc · plan your week" | Empty composer placeholder text. |
| prompt | string | "Draft a launch tweet for our new release" | Prompt typed into the composer. |
| modelName | string | "Opus 4.8" | Model label in the toolbar. |
| modelTier | string | "Max" | Tier label beside the model. |
| accentColor | string | "#D97757" | Terracotta send button color. |
| theme | "light" | "dark" | "light" | Light or dark surface palette. |
| speed | number | 1 | Animation speed multiplier. |