# Tabs: Interface de abas

Um widget de abas em formato de pílula com Account, Password e Settings, mostrado com a aba Account ativa e o texto do painel dela. 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/tabs

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

Um componente de abas com indicador em pílula ou sublinhado e um painel curto de texto para a aba ativa.

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

Um widget de abas mostra Account, Password e Settings em uma trilha em pílula esmaecida, com Account ativa e o texto do painel "Make changes to your account here." logo abaixo. O template mantém esse estado por quatro segundos. No código, o indicador desliza para a nova aba, as cores dos rótulos mudam e o texto do painel faz um crossfade quando a aba ativa muda.

Você pode definir a aba ativa e alternar entre os estilos pílula e sublinhado, além da velocidade de reprodução e do fundo. Use em uma demo de página de configurações ou de conta, um tour por produto SaaS, uma comparação de recursos ou a apresentação de um design system.

## Use para

- Demos de páginas de configurações
- Tours por produtos SaaS
- Comparações de recursos
- Apresentações de design systems

## 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 Tabs 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 Tabs do remocn: https://remocn.dev