13 HyperFrames.
HyperFrames-ready motion compositions — agent-built video that blends template HTML with frame-level keyframes.
Tipo de artefato
- 001
Hyperframes Crie composições de vídeo, animações, cartões de título, sobreposições, legendas, narrações, visuais reativos ao áudio e transições de cena em HyperFrames HTML. Suporta conteúdo de vídeo HTML, legendas sincronizadas com áudio, narração texto-para-fala, animações reativas ao áudio (sincronia de batida, brilho, pulso), realce de texto animado (varreduras de marcador, círculos desenhados, linhas de explosão, rabiscos, esboços) e transições de cena (crossfades, wipes, revelações, transições shader). - 002
Vídeo Hyperframes Animação contínua de quadros compatível com Hyperframes / Remotion com reprodução automática. - 003
HyperFrames: Contador de Dinheiro $0 → $10K (9:16) Clipe vertical HyperFrames de 6 segundos 1080×1920 — contador $0 → $10.000 estilo Apple com flash verde, partículas explosivas de dinheiro, ícone de pilha de dinheiro e manchete chamativa. Baseado no bloco de catálogo HyperFrames `apple-money-count`. - 004
HyperFrames: Apresentação de app de 12 segundos — Três celulares flutuantes Uma composição de apresentação de app de 12 segundos em 16:9 — três telas de iPhone flutuam no espaço 3D, cada uma girando por vez para destacar um recurso diferente, com legendas sincronizadas com a batida e logo final. Construído diretamente sobre o bloco de catálogo `app-showcase` do HyperFrames. - 005
HyperFrames: Vídeo promocional de marca de 30 segundos Um vídeo promocional HyperFrames 16:9 de 30 segundos — cortes rápidos, tipografia cinética sincronizada com a batida, escala áudio-reativa nas palavras exibidas, transições shader entre cinco cenas, cartão final com efeito bloom do logo. Baseado no arquétipo aisoc-hype do kit estudantil. - 006 HyperFrames: promo de produto SaaS de 30 segundos (estilo Linear) Uma composição HyperFrames de 30 segundos modelada nos filmes de produto estilo Linear/ClickUp — revelações UI 3D, tipografia cinética sincronizada ao ritmo, screenshots UI animados, cartão final com outro de logo. Construída com blocos do catálogo HF (ui-3d-reveal, app-showcase, logo-outro) mais transições shader entre cenas.
- 007 HyperFrames: Outro Cinematográfico de Logo de 4 Segundos Um outro de logo 16:9 de 4 segundos — montagem peça por peça do logotipo com bloom, varredura de brilho pelo lockup final, overlay de grão suave e CTA de linha única. Construído nos blocos HyperFrames `logo-outro`, `shimmer-sweep` e `grain-overlay`.
- 008 HyperFrames: Revelação minimalista de produto em 5 segundos Uma composição HyperFrames de 5 segundos para revelação de produto premium — tela escura, único acento quente, cartão de título com push-in lento, linha kicker cinética, movimento contido. Renderiza MP4 a partir de HTML+GSAP via puppeteer; não necessita footage de estoque.
- 009
HyperFrames: Stack de sobreposição social 9:16 (X · Reddit · Spotify · Instagram) Uma composição HyperFrames vertical de 15 segundos em 1080×1920 que empilha quatro cards sociais animados sobre um loop de face-cam — um post do X, uma reação do Reddit, um card de reprodução do Spotify e um CTA de seguir do Instagram no final. Cada card é um bloco do catálogo HyperFrames; a coreografia é o valor agregado. - 010
HyperFrames: 9:16 TikTok Talking-Head com legendas karaokê Short vertical HyperFrames 1080×1920 — talking-head narrado por TTS sobre loop de câmera facial, com legendas sincronizadas palavra por palavra estilo karaokê, lower third animado e overlay de follow do TikTok no final. Espelha o arquétipo may-shorts-19 do kit estudantil HyperFrames. - 011
HyperFrames: Corrida de gráficos de barras animados (estilo NYT) Infográfico de dados de 12 segundos em 16:9 — gráficos animados de barras e linhas com revelação escalonada de categorias, título em serif estilo NYT, nota de rodapé com fonte, rótulos de valores dinâmicos. Construído diretamente sobre o bloco de catálogo `data-chart` do HyperFrames. - 012
HyperFrames: Mapa de Voo Estilo Apple (Origem → Destino) Mapa cinematográfico de rota de voo 16:9 de 8 segundos — zoom realista de terreno, avião animado deslizando da origem ao destino ao longo de trajetória curva, cidades rotuladas, contador de distância cinético. Construído diretamente no bloco de catálogo HyperFrames `nyc-paris-flight`, reutilizável para qualquer par de cidades. - 013
HyperFrames: Pipeline de site para vídeo (corte de marketing de 15 segundos) Composição HyperFrames 16:9 de 15 segundos que captura um site ao vivo em três tamanhos de viewport e anima entre eles com divisão radial cromática entre cenas. Segue o arquétipo hyperframes-sizzle student-kit onde o site é o ativo fonte.