# Tabs: Интерфейс вкладок

Виджет вкладок в виде капсулы с Account, Password и Settings, показанный с активной вкладкой Account и текстом ее панели. Видеошаблон: код для Claude или монтаж в Subclip.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-tabs.mp4?v=1b6040d2bc

Компонент вкладок с индикатором-капсулой или подчеркиванием и коротким текстом панели для активной вкладки.

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

Виджет вкладок показывает Account, Password и Settings на приглушенной дорожке-капсуле, Account активна, а под ней текст панели "Make changes to your account here.". Шаблон держит это состояние четыре секунды. В коде при смене активной вкладки индикатор скользит к новой вкладке, цвета подписей меняются, а текст панели плавно сменяется.

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

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

- Демо страниц настроек
- Обзоры SaaS-продуктов
- Сравнения функций
- Презентации дизайн-систем

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

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

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

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

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