# Resizable: Интерфейс разделенных панелей

Две панели, разделенные перетаскиваемым ползунком, показаны поровну с карточками-заглушками Panel one и Panel two. Видеошаблон: код для Claude или монтаж в Subclip.

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

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

Макет из двух панелей с ползунком-разделителем, где для демо-роликов интерфейса задаются пропорция деления и состояние ползунка.

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

Светлый контейнер разделен на две приглушенные карточки-заглушки рядом, "Panel one" и "Panel two", с небольшим ползунком на разделителе между ними. Шаблон четыре секунды показывает деление 50/50 с ползунком в покое. В коде ползунок увеличивается и показывает кольцо при наведении и нажатии, а разделитель сдвигается при перетаскивании.

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

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

- Демо редакторов и IDE
- Ролики о макетах дашбордов
- Презентации дизайн-систем
- Ролики о разделенном экране

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

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

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

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

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