# Slider: Интерфейс слайдера

Слайдер диапазона, заполненный до 40, с круглым ползунком и значением над ним. Видеошаблон: код для Claude или монтаж в Subclip.

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

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

Аккуратный слайдер диапазона, у которого задаются значение заполнения и состояние ползунка, а текущее значение показано над ползунком.

- Фреймворк: Remotion
- Категория: Интерфейс
- Длительность: 4 с
- Соотношение сторон: 16:9, горизонтальное
- Код: Получить код (бесплатный вход): https://www.subclip.app/ru/motion-graphics-templates/remotion/slider

На белом фоне слайдер шириной 320 пикселей заполнен на 40 процентов, круглый ползунок в покое, а над ним значение "40". Шаблон держит это состояние четыре секунды. В коде заполнение следует заданному значению, а ползунок увеличивается и показывает кольцо при наведении и нажатии, будто его тянут.

Вы можете задать значение, состояние ползунка (покой, наведение или нажатие), ширину дорожки и показ подписи значения, а также скорость воспроизведения и фон. Используйте шаблон для демо настроек, выбора цены или количества, регулятора громкости или яркости в ролике о приложении или презентации дизайн-системы.

## Для чего подходит

- Демо настроек
- Выбор цены и количества
- Ролики об элементах управления приложений
- Презентации дизайн-систем

## Что можно изменить

- `speed`: Скорость воспроизведения (Число)
- `stageBackground`: Фон вокруг сцены (Цвет)

## Как использовать этот шаблон

1. Скачайте Subclip для Mac или Windows. Все шаблоны с этой страницы уже установлены в приложении.
2. Откройте панель шаблонов, выберите Slider и перетащите его на таймлайн.
3. Измените текст, цвета и тайминг в настройках слоя или попросите ИИ-агента сделать это за вас.
4. Экспортируйте видео или скачайте код, чтобы использовать шаблон в своем проекте.

Основан на Slider из remocn: https://remocn.dev