# Roster Grant: Animação de UI

Um clique ativa uma grade de cartões de avatar da equipe. Template de vídeo: copie o código para Claude ou edite no Subclip.

Canonical URL: https://www.subclip.app/pt/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

Uma animação de UI em que um cursor clica em um botão central de chamada para ação e os cards de avatar ao redor dele são ativados.

- Framework: Remotion
- Categoria: Demos de produtos
- Duração: 4 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/roster-grant

Uma grade de cards preenche o quadro, cada um com um avatar redondo de iniciais, um nome e um pequeno subtítulo, sobre um fundo claro com um leve tom azul. Um botão azul de chamada para ação fica no meio. Um cursor entra e clica nele, e os cards ao redor do botão são ativados conforme o acesso é concedido. A cena dura quatro segundos e mostra uma única ação se estendendo para um grupo inteiro.

Mude o rótulo do botão, a cor de destaque e o tema, e escolha a fonte e o fundo ao redor da cena. O rótulo padrão é Install all, mas funciona igualmente bem como Convidar equipe, Conceder acesso ou Adicionar todos. Use em demos SaaS para convites de equipe, mudanças de permissão, instalações em massa ou fluxos de onboarding, em que um clique afeta muitas pessoas ou itens.

## Use para

- Demos do recurso de convite de equipe
- Mudanças de permissão e acesso
- Instalação ou ativação em massa
- Passo a passo de fluxos de onboarding

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `label`: Rótulo do botão (Texto)
- `accentColor`: Cor de destaque (Cor)
- `theme`: Tema claro ou escuro (Texto)
- `fontFamily`: Fonte (Texto)
- `stageBackground`: Fundo ao redor da cena (Cor)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Roster Grant e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Roster Grant do snapcn: https://snapcn.dev