# Button Press: Button Click Animation

A cursor presses a blue split button, a spinner runs, and a drawn checkmark lands. Copy this video template's code for Claude or Codex, or edit it in Subclip.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/button-press

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-button-press.mp4?v=01f7476931

A cursor clicks a blue split action button that darkens on hover, presses in, spins through a pending state and ends on a drawn checkmark.

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

The scene opens on a light frame with a single blue split button in the center: a label, a thin divider and a small chevron. A cursor moves onto it and the button darkens on hover, then gives slightly as it is pressed. The label switches to a pending state, such as "Deploying...", with a small spinner, before landing on a drawn checkmark and a done label. It runs a little over four seconds.

You can write the three labels for the idle, pending and done states, for example Deploy, Publish or Send, and set the button width so longer words fit. Switch between light and dark mode and change playback speed to match your pacing. It covers the deploy, publish or send moment of a launch video, a tutorial step or a product demo that needs a clear call to action.

## Use it for

- Deploy and publish moments
- Send or submit beats in demos
- Call to action in tutorials

## What you can change

- `speed`: Playback speed (Number)
- `label`: Button label (Text)
- `pending`: Pending label (Text)
- `done`: Done label (Text)
- `width`: Button width (Number)
- `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 Button Press 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 Button Press from snapcn: https://snapcn.dev