# Resizable: Geteiltes-Panel-UI

Zwei Panels, getrennt durch einen ziehbaren Griff, gezeigt bei gleichmäßiger Aufteilung mit Platzhalterkarten namens Panel one und Panel two. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-resizable.mp4?v=05db6c03b5

Ein Layout mit zwei Panels und einem Trenngriff, bei dem Aufteilungsverhältnis und Griffzustand für UI-Demovideos eingestellt werden können.

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

Ein heller Container ist nebeneinander in zwei gedämpfte Platzhalterkarten geteilt, "Panel one" und "Panel two", mit einem kleinen Griff auf dem Trenner dazwischen. Die Vorlage zeigt vier Sekunden lang eine gleichmäßige 50/50-Aufteilung mit ruhendem Griff. Im Code wächst der Griff und zeigt beim Überfahren und Drücken einen Ring, und der Trenner gleitet, während er gezogen wird.

Sie können das Aufteilungsverhältnis, den Griffzustand (Ruhe, Hover oder gedrückt) und die Richtung (horizontal oder vertikal) festlegen, dazu Wiedergabegeschwindigkeit und Hintergrund. Verwenden Sie die Vorlage in einer Editor- oder IDE-Demo, einem Erklärvideo zu Dashboard-Layouts, einer Design-System-Präsentation oder einem Feature-Video zur geteilten Ansicht.

## Geeignet für

- Editor- und IDE-Demos
- Erklärvideos zu Dashboard-Layouts
- Präsentationen von Design-Systemen
- Feature-Videos zur geteilten Ansicht

## 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 Resizable 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 Resizable von remocn: https://remocn.dev