SceneScenes

chat-gpt30fps · 960×540

What can I help with?

Message ChatGPT

|||

Picture

Use DALL-E

Find on the web

Reason

Use o1-preview

Canvas

Collaborate on writing and code

Create image

Brainstorm

Summarize text

Code

Help me write

Install

$ npx remotion-ui@latest add chat-gpt

Animated ChatGPT composer with greeting, suggestion chips, and voice-to-send morph.

Agent notes

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

Import

@/remotion/scenes/chat-gpt

Use when: full-frame scenes, overlays, cards, and reusable video sections.
Customize: greeting, placeholder, prompt, accentColor, 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 { ChatGpt } from "@/remotion/scenes/chat-gpt";

<ChatGpt prompt="Make a sunset over a calm ocean" />

Prop	Type	Default	Description
greeting	string	-	Headline above the composer.
placeholder	string	-	Empty input placeholder.
prompt	string	-	Prompt typed into the ChatGPT composer.
accentColor	string	"#10a37f"	Accent color for selected tools.
theme	"light" \| "dark"	"light"	Light or dark surface palette.