# Skeleton: Interface de skeleton de carregamento

Um placeholder de carregamento com brilho, um avatar redondo e duas linhas, pronto para dar lugar ao conteúdo real com um crossfade. 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/skeleton

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

Um cartão de carregamento skeleton com um brilho que passa por um avatar redondo e duas linhas de texto.

- 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/skeleton

Um cartão de placeholder cinza-claro mostra um avatar redondo e duas linhas de texto enquanto um brilho passa por eles, do jeito que um app fica enquanto carrega. O template mostra esse estado de carregamento por quatro segundos. No código, o placeholder dá lugar ao conteúdo real com um crossfade quando ele termina de carregar.

Você pode escolher o layout (um cartão com avatar ou três linhas empilhadas) e o estado (carregando ou carregado), além da velocidade de reprodução e do fundo. Use em uma demo de app antes de o conteúdo aparecer, um vídeo explicativo sobre desempenho ou velocidade, a apresentação de um design system ou um momento de "em breve".

## Use para

- Momentos de carregamento de apps
- Vídeos explicativos de desempenho
- Apresentações de design systems
- Teasers de "em breve"

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