# Click Type: Prompt Box Animation

A cursor clicks a prompt box as its placeholder writes itself, then your prompt types up close. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/click-type

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-click-type.mp4?v=f0b9700819

A glass prompt box whose placeholder writes itself while a cursor clicks the field, followed by a hard cut into the box where your prompt types out.

- Framework: Remotion
- Category: Clicks
- Duration: 3 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/click-type

The scene opens on a frosted prompt box over a soft blue gradient, with a round send button and its placeholder writing itself in. A cursor flies in from the edge of the frame and clicks into the field. The shot then cuts hard to a close-up of the box, where the real prompt, such as "Build me a marketing...", types out at the caret with a small hint line below. As the text finishes, the send button arms. It runs about three and a half seconds.

You can write the placeholder, the prompt and the hint text under the field, then set the accent color used on the send button. Switch between light and dark mode and change playback speed to match your edit. Use it to open an AI product demo, show the first step of a workflow, or set up a prompt before cutting to the result.

## Use it for

- AI app demo openers
- First step of a workflow tutorial
- Prompt setup before showing results

## What you can change

- `speed`: Playback speed (Number)
- `placeholder`: Placeholder text (Text)
- `prompt`: Prompt text (Text)
- `hint`: Hint text (Text)
- `accentColor`: Accent color (Color)
- `mode`: Light or dark mode (Text)
- `stageBackground`: Background around the scene (Text)

## 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 Click Type 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 Click Type from snapcn: https://snapcn.dev