# Claude Code: Terminal Prompt Animation

A Claude Code terminal welcome screen eases in and a command types itself into the prompt behind a block cursor. Use this video template in Subclip or copy its code for Claude.

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

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

A Claude Code CLI welcome screen with a dashed welcome box, recent activity and what's new panels, and a command that types into the prompt.

- 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-code

A dark terminal window eases in with a dashed terracotta welcome box titled "Claude Code v2.0.0", a welcome line for the user, the model line "Opus 4.8 - Max 20x", the working directory, and recent activity and what's new panels. The block cursor blinks at the prompt next to a muted placeholder, then the command "edit src/theme.ts to add a dark mode toggle" types in a character at a time. It plays in about five seconds and holds on the typed command.

You can change the box title, user name, model line, working directory, placeholder and the typed command, plus the accent color, playback speed and background. Use it in a coding agent demo, a dev tool launch video, a tutorial intro or a social clip about AI coding.

## Use it for

- Coding agent demos
- Dev tool launch videos
- Tutorial intros
- Social clips about AI coding

## What you can change

- `speed`: Playback speed (Number)
- `title`: Box title (Text)
- `userName`: User name (Text)
- `model`: Model line (Text)
- `cwd`: Working directory (Text)
- `placeholder`: Placeholder (Text)
- `prompt`: Typed command (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 Code 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 Code from remocn: https://remocn.dev