# Resizable: Interface de painéis divididos

Dois painéis separados por uma alça arrastável, mostrados divididos ao meio com cartões de exemplo chamados Panel one e Panel two. Template de vídeo: copie o código para Claude ou edite no Subclip.

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

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

Um layout de dois painéis com uma alça divisória, em que a proporção da divisão e o estado da alça podem ser definidos para vídeos de demo de interface.

- Framework: Remotion
- Categoria: Interface
- Duração: 7 s
- Proporção: 16:9 horizontal
- Código: Pegue o código (login grátis): https://www.subclip.app/pt/motion-graphics-templates/remotion/resizable

Um contêiner claro é dividido lado a lado em dois cartões de exemplo esmaecidos, "Panel one" e "Panel two", com uma pequena alça no divisor entre eles. O template mostra por quatro segundos uma divisão 50/50 com a alça em repouso. No código, a alça cresce e mostra um anel no hover e no clique, e o divisor desliza enquanto é arrastado.

Você pode definir a proporção da divisão, o estado da alça (repouso, hover ou pressionada) e a direção (horizontal ou vertical), além da velocidade de reprodução e do fundo. Use em uma demo de editor ou IDE, um vídeo explicativo de layout de dashboard, a apresentação de um design system ou um vídeo de recurso de tela dividida.

## Use para

- Demos de editores e IDEs
- Vídeos explicativos de layouts de dashboard
- Apresentações de design systems
- Vídeos de recursos de tela dividida

## O que você pode alterar

- `speed`: Velocidade de reprodução (Número)
- `stageBackground`: Fundo ao redor da cena (Cor)

## Como usar este template

1. Baixe o Subclip para Mac ou Windows. Todos os templates desta página já vêm instalados.
2. Abra o painel Templates, escolha Resizable e arraste para a sua timeline.
3. Altere o texto, as cores e o tempo nas configurações da camada, ou peça ao agente de IA para editar por você.
4. Exporte o vídeo ou baixe o código para usar o template no seu próprio projeto.

Baseado em Resizable do remocn: https://remocn.dev