# Resizable: Interfaz de paneles divididos

Dos paneles separados por un tirador arrastrable, mostrados a partes iguales con tarjetas de ejemplo llamadas Panel one y Panel two. 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/resizable

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

Un diseño de dos paneles con un tirador divisor, donde la proporción de la división y el estado del tirador se pueden ajustar para vídeos de demo de interfaz.

- Framework: Remotion
- Categoría: Interfaz
- Duración: 7 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/resizable

Un contenedor claro se divide en dos tarjetas de ejemplo atenuadas, una junto a otra, "Panel one" y "Panel two", con un pequeño tirador en el divisor entre ellas. La plantilla muestra durante cuatro segundos una división 50/50 con el tirador en reposo. En el código, el tirador crece y muestra un anillo al pasar el puntero y al pulsar, y el divisor se desliza mientras se arrastra.

Puedes definir la proporción de la división, el estado del tirador (reposo, hover o pulsado) y la dirección (horizontal o vertical), además de la velocidad de reproducción y el fondo. Úsala en la demo de un editor o IDE, un vídeo explicativo sobre el diseño de un dashboard, la presentación de un sistema de diseño o el vídeo de una función de vista dividida.

## Úsala para

- Demos de editores e IDE
- Vídeos explicativos de diseño de dashboards
- Presentaciones de sistemas de diseño
- Vídeos de funciones de vista dividida

## 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 Resizable 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 Resizable de remocn: https://remocn.dev