# Claude Chat: AI Prompt Animation

A Claude chat input types a prompt and the waveform button turns into a terracotta send button the moment text appears. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/claude-chat

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-claude-chat.mp4?v=0ddbbc1ed6

A warm Claude chat card with a serif greeting, where a prompt types into the input and the waveform button becomes a send button.

- Framework: Remotion
- Category: AI Chat Input
- Duration: 5 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/claude-chat

On a warm off-white frame, a chat card eases in under the serif greeting "Back at it, Dima", with a muted placeholder and a toolbar showing the model "Opus 4.8" and the tier "Max". After a short pause with a blinking caret, "Draft a launch tweet for our new release" types in, and the waveform button turns into a terracotta send button as soon as text appears. It plays in about five seconds.

You can change the greeting, the placeholder, the typed prompt, the model name and tier, and the accent color, plus playback speed and background. Use it for an AI writing demo, a prompt tip on social media, a product video for a Claude-based tool or the opening of a tutorial.

## Use it for

- AI writing demos
- Prompt tips on social media
- Claude-based product videos
- Tutorial openers

## What you can change

- `speed`: Playback speed (Number)
- `greeting`: Greeting (Text)
- `placeholder`: Placeholder (Text)
- `prompt`: Typed prompt (Text)
- `modelName`: Model name (Text)
- `modelTier`: Model tier (Text)
- `accentColor`: Accent color (Color)
- `stageBackground`: Background around the scene (Color)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Claude Chat and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Claude Chat from remocn: https://remocn.dev