# Cursor Gravity: Button Reveal Animation

A rounded triangle cursor tugs a button out from the edge of the screen with springy resistance until it settles in the center. Use this video effect in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/cursor-gravity

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-cursor-gravity.mp4?v=8410cfda3a

A cursor catches a button at the screen edge and pulls it out in elastic tugs, until the button snaps free and settles in the center.

- Framework: Remotion
- Category: Effects
- Duration: 6 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/cursor-gravity

On a bright purple frame, a cream triangular cursor rises from below and catches the right edge of a hidden button. It tugs twice, and each time the button stretches out and recoils like rubber, then a final pull frees it and the trailing edge springs inward. The cursor exits below and the cream "Create something" button settles in the center. It plays in about six seconds.

You can change the button label, the elastic tension, and the cursor, button, text and background colors, plus playback speed and the background around the scene. Use it for a call to action, an app feature reveal, a playful product intro or a sign-up prompt at the end of a video.

## Use it for

- Calls to action
- App feature reveals
- Playful product intros
- End-of-video sign-up prompts

## What you can change

- `speed`: Playback speed (Number)
- `label`: Button label (Text)
- `tension`: Tension (Number)
- `cursorColor`: Cursor color (Color)
- `color`: Button color (Color)
- `textColor`: Text color (Color)
- `backgroundColor`: Background color (Color)
- `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 Cursor Gravity 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 Cursor Gravity from remocn: https://remocn.dev