# Roster Grant: UI Animation

A cursor clicks a button and a grid of team avatar cards switches on, for invites and access. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/roster-grant

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-roster-grant.mp4?v=b949cbaa47

A UI animation where a cursor clicks a central call-to-action button and the avatar cards around it switch on.

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

A grid of cards fills the frame, each with a round initials avatar, a name and a small subtitle, set on a light background with a soft blue tint. A blue call-to-action button sits in the middle. A cursor moves in and clicks it, and the cards around the button switch on as access is granted. The scene runs four seconds and shows a single action fanning out to a whole group.

Change the button label, the accent color and the theme, and pick the font and background around the scene. The default label reads Install all, but it works just as well as Invite team, Grant access or Add everyone. Use it in SaaS demos for team invites, permission changes, bulk installs or onboarding flows, where one click affects many people or items.

## Use it for

- Team invite feature demos
- Permission and access changes
- Bulk install or enable actions
- Onboarding flow walkthroughs

## What you can change

- `speed`: Playback speed (Number)
- `label`: Button label (Text)
- `accentColor`: Accent color (Color)
- `theme`: Light or dark theme (Text)
- `fontFamily`: Font (Text)
- `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 Roster Grant 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 Roster Grant from snapcn: https://snapcn.dev