# Slider: Schieberegler-UI

Ein Schieberegler, bis 40 gefüllt, mit rundem Regler und dem Wert darüber. Videovorlage: Code für Claude kopieren oder in Subclip bearbeiten.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-slider.mp4?v=3fe9df38d1

Ein sauberer Schieberegler, dessen Füllwert und Reglerzustand eingestellt werden können, mit dem aktuellen Wert über dem Regler.

- 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/slider

Ein 320 Pixel breiter Schieberegler sitzt auf weißem Grund, zu 40 Prozent gefüllt, mit ruhendem runden Regler und dem Wert "40" darüber. Die Vorlage hält diesen Zustand vier Sekunden lang. Im Code folgt die Füllung einem festgelegten Wert, und der Regler wächst und zeigt beim Überfahren und Drücken einen Ring, sodass es aussieht, als würde er gezogen.

Sie können den Wert, den Reglerzustand (Ruhe, Hover oder gedrückt), die Spurbreite und die Anzeige der Wertebeschriftung festlegen, dazu Wiedergabegeschwindigkeit und Hintergrund. Verwenden Sie die Vorlage für eine Einstellungsdemo, eine Preis- oder Mengenauswahl, eine Lautstärke- oder Helligkeitssteuerung in einem App-Video oder eine Design-System-Präsentation.

## Geeignet für

- Einstellungsdemos
- Preis- und Mengenauswahl
- Videos zu App-Steuerelementen
- 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 Slider 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 Slider von remocn: https://remocn.dev