# Roster Grant: UI-Animation

Ein Klick aktiviert ein Raster mit Team-Avatarkarten. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Eine UI-Animation, bei der ein Cursor auf eine zentrale Call-to-Action-Schaltfläche klickt und die Avatarkarten um ihn herum eingeschaltet werden.

- Framework: Remotion
- Kategorie: Produktdemos
- Dauer: 4 s
- Seitenverhältnis: 16:9 Querformat
- Code: Code holen (kostenlose Anmeldung): https://www.subclip.app/de/motion-graphics-templates/remotion/roster-grant

Ein Kartengitter füllt den Rahmen, jede mit einem runden Initialen-Avatar, einem Namen und einem kleinen Untertitel auf einem hellen Hintergrund mit sanftem Blaustich. In der Mitte befindet sich ein blauer Call-to-Action-Button. Ein Cursor bewegt sich hinein und klickt darauf, und die Karten rund um die Schaltfläche schalten sich ein, wenn der Zugriff gewährt wird. Die Szene dauert vier Sekunden und zeigt eine einzelne Aktion, die sich auf eine ganze Gruppe ausbreitet.

Ändern Sie die Schaltflächenbeschriftung, die Akzentfarbe und das Thema und wählen Sie die Schriftart und den Hintergrund rund um die Szene aus. Die Standardbezeichnung lautet "Alle installieren", funktioniert aber genauso gut wie "Team einladen", "Zugriff gewähren" oder "Alle hinzufügen". Verwenden Sie es in SaaS-Demos für Teameinladungen, Berechtigungsänderungen, Masseninstallationen oder Onboarding-Abläufe, bei denen ein Klick viele Personen oder Elemente betrifft.

## Geeignet für

- Team-Einladungsfunktionsdemos
- Berechtigungs- und Zugriffsänderungen
- Masseninstallations- oder Aktivierungsaktionen
- Anleitungen zum Onboarding-Ablauf

## Was du anpassen kannst

- `speed`: Wiedergabegeschwindigkeit (Zahl)
- `label`: Knopfbeschriftung (Text)
- `accentColor`: Akzentfarbe (Farbe)
- `theme`: Helles oder dunkles Thema (Text)
- `fontFamily`: Schriftart (Text)
- `stageBackground`: Hintergrund rund um die Szene (Farbe)

## So nutzt du diese Vorlage

1. Lade Subclip für Mac oder Windows herunter. Alle Vorlagen auf dieser Seite sind dort bereits vorinstalliert.
2. Öffne das Vorlagen-Panel, wähle Roster Grant aus und zieh die Vorlage auf deine Timeline.
3. Passe Text, Farben und Timing in den Ebeneneinstellungen an oder lass den KI-Agenten die Änderungen für dich übernehmen.
4. Exportiere dein Video oder lade den Code herunter, um die Vorlage in deinem eigenen Projekt zu verwenden.

Basiert auf Roster Grant von snapcn: https://snapcn.dev