# Tabs: Tabs-UI

Ein Tab-Widget im Pillenstil mit Account, Password und Settings, gezeigt mit aktivem Account-Tab und seinem Panel-Text. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

Canonical URL: https://www.subclip.app/de/motion-graphics-templates/remotion/tabs

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-tabs.mp4?v=1b6040d2bc

Eine Tab-Komponente mit Pillen- oder Unterstrich-Anzeige und einem kurzen Textpanel für den aktiven Tab.

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

Ein Tab-Widget zeigt Account, Password und Settings in einer gedämpften Pillenspur, mit aktivem Account-Tab und dem Panel-Text "Make changes to your account here." darunter. Die Vorlage hält diesen Zustand vier Sekunden lang. Im Code gleitet die Anzeige zum neuen Tab, die Beschriftungsfarben wechseln, und der Panel-Text blendet über, wenn der aktive Tab wechselt.

Sie können den aktiven Tab festlegen und zwischen Pillen- und Unterstrich-Stil wechseln, dazu Wiedergabegeschwindigkeit und Hintergrund. Verwenden Sie die Vorlage in einer Demo einer Einstellungs- oder Kontoseite, einer SaaS-Produkttour, einem Feature-Vergleich oder einer Design-System-Präsentation.

## Geeignet für

- Demos von Einstellungsseiten
- SaaS-Produkttouren
- Feature-Vergleiche
- Präsentationen von Design-Systemen

## Was du anpassen kannst

- `speed`: Wiedergabegeschwindigkeit (Zahl)
- `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 Tabs 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 Tabs von remocn: https://remocn.dev