# Context Menu: Kontextmenü-UI

Ein Kontextmenü per Rechtsklick, geöffnet mit Back, Reload, Save As... und Inspect, die zweite Zeile hervorgehoben. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-context-menu.mp4?v=7da11e5ac5

Ein Rechtsklick-Menü mit vier Aktionen und einer Zeile im Hover-Zustand, bereit zur Platzierung an einem Cursorpunkt in einer UI-Demo.

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

Ein helles Rechtsklick-Menü zeigt die Aktionen Back, Reload, Save As... und Inspect, wobei Reload hervorgehoben ist, als befände sich der Zeiger darüber. Die Vorlage hält diesen geöffneten Zustand vier Sekunden lang. Im Code öffnet sich das Panel von seiner oberen linken Ecke aus, wo geklickt wurde, mit Einblenden, Skalieren und leichtem Anheben, und Zeilen können überfahren und gedrückt werden.

Sie können den Zustand (geöffnet oder geschlossen) und die hervorgehobene Zeile festlegen, dazu Wiedergabegeschwindigkeit und Hintergrund. Verwenden Sie die Vorlage in einer Demo einer Desktop- oder Browser-App, einem Tutorial zu einer Rechtsklick-Option, einer Design-System-Präsentation oder einem UI-Walkthrough.

## Geeignet für

- Demos von Desktop- und Browser-Apps
- Rechtsklick-Tutorials
- Präsentationen von Design-Systemen
- UI-Walkthroughs

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