# Tabs: Interfaz de pestañas

Un widget de pestañas en forma de píldora con Account, Password y Settings, mostrado con la pestaña Account activa y el texto de su panel. Plantilla de vídeo: copia el código para Claude o edítala en Subclip.

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

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

Un componente de pestañas con indicador de píldora o subrayado y un breve panel de texto para la pestaña activa.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 4 s
- Relación de aspecto: 16:9 horizontal
- Código: Consigue el código (inicio de sesión gratis): https://www.subclip.app/es/motion-graphics-templates/remotion/tabs

Un widget de pestañas muestra Account, Password y Settings en una pista de píldora atenuada, con Account activa y debajo el texto del panel "Make changes to your account here.". La plantilla mantiene este estado durante cuatro segundos. En el código, el indicador se desliza a la nueva pestaña, los colores de las etiquetas cambian y el texto del panel se funde cuando cambia la pestaña activa.

Puedes definir la pestaña activa y alternar entre los estilos de píldora y subrayado, además de la velocidad de reproducción y el fondo. Úsala en la demo de una página de ajustes o de cuenta, un recorrido por un producto SaaS, una comparativa de funciones o la presentación de un sistema de diseño.

## Úsala para

- Demos de páginas de ajustes
- Recorridos por productos SaaS
- Comparativas de funciones
- Presentaciones de sistemas de diseño

## Qué puedes cambiar

- `speed`: Velocidad de reproducción (Número)
- `stageBackground`: Fondo alrededor de la escena (Color)

## Cómo usar esta plantilla

1. Descarga Subclip para Mac o Windows. Todas las plantillas de esta página vienen preinstaladas.
2. Abre el panel de plantillas, elige Tabs y arrástrala a tu línea de tiempo.
3. Cambia el texto, los colores y el ritmo en los ajustes de la capa, o pide al agente de IA que la edite por ti.
4. Exporta tu video o descarga el código para usar la plantilla en tu propio proyecto.

Basada en Tabs de remocn: https://remocn.dev