Plantillas · HyperFrames

13 HyperFrames.

HyperFrames-ready motion compositions — agent-built video that blends template HTML with frame-level keyframes.

  1. 001 Hyperframes Crea composiciones de video, animaciones, tarjetas de título, superposiciones, subtítulos, locuciones, visuales reactivos al audio y transiciones de escena en HyperFrames HTML. Admite contenido de video HTML, subtítulos sincronizados con audio, narración de texto a voz, animaciones reactivas al audio (sincronización de ritmo, brillo, pulso), resaltado de texto animado (barridos de marcador, círculos dibujados, líneas de explosión, garabatos, bocetos) y transiciones de escena (fundidos cruzados, barridos, revelaciones, transiciones shader). video video
  2. 002 Video Hyperframes Animación continua de fotogramas compatible con Hyperframes / Remotion con reproducción automática. video video
  3. 003 HyperFrames: Contador de Dinero $0 → $10K (9:16) Clip vertical HyperFrames de 6 segundos 1080×1920 — contador $0 → $10,000 estilo Apple con destello verde, partículas explosivas de dinero, ícono de pila de efectivo y titular destacado. Basado en el bloque de catálogo HyperFrames `apple-money-count`. video video
  4. 004 HyperFrames: Presentación de app de 12 segundos — Tres teléfonos flotantes Una composición de presentación de app de 12 segundos en 16:9 — tres pantallas iPhone flotan en espacio 3D, cada una rotando por turnos para mostrar una función diferente, con llamadas de etiquetas sincronizadas al ritmo y logo final. Construido directamente sobre el bloque de catálogo `app-showcase` de HyperFrames. video video
  5. 005 HyperFrames: Reel promocional de marca de 30 segundos Un reel promocional HyperFrames 16:9 de 30 segundos — cortes rápidos, tipografía cinética sincronizada con el ritmo, escala audio-reactiva en palabras de visualización, transiciones shader entre cinco escenas, tarjeta final con efecto bloom del logo. Basado en el arquetipo aisoc-hype del kit para estudiantes. video video
  6. 006 HyperFrames: promo de producto SaaS de 30 segundos (estilo Linear) Una composición HyperFrames de 30 segundos basada en los vídeos de producto estilo Linear/ClickUp — revelaciones UI 3D, tipografía cinética sincronizada al ritmo, capturas de pantalla UI animadas, tarjeta final con outro de logo. Construida con bloques del catálogo HF (ui-3d-reveal, app-showcase, logo-outro) más transiciones shader entre escenas. video video
  7. 007 HyperFrames: Outro Cinemático de Logo de 4 Segundos Un outro de logo 16:9 de 4 segundos — ensamblaje pieza por pieza del logotipo con bloom, barrido de brillo sobre el lockup final, superposición de grano suave y CTA de una línea. Construido sobre los bloques de HyperFrames `logo-outro`, `shimmer-sweep` y `grain-overlay`. video video
  8. 008 HyperFrames: Presentación minimalista de producto en 5 segundos Una composición HyperFrames de 5 segundos para presentación de producto premium — lienzo oscuro, acento cálido único, tarjeta de título con empuje lento, línea kicker cinética, movimiento contenido. Renderiza MP4 desde HTML+GSAP vía puppeteer; no necesita material de archivo. video video
  9. 009 HyperFrames: Stack de superposición social 9:16 (X · Reddit · Spotify · Instagram) Una composición HyperFrames vertical de 15 segundos en 1080×1920 que apila cuatro tarjetas sociales animadas sobre un bucle de cámara frontal: una publicación de X, una reacción de Reddit, una tarjeta de reproducción de Spotify y un CTA de seguimiento de Instagram al final. Cada tarjeta es un bloque del catálogo HyperFrames; la coreografía es el valor añadido. video video
  10. 010 HyperFrames: 9:16 TikTok Talking-Head con subtítulos karaoke Short vertical HyperFrames de 1080×1920 — talking-head narrado por TTS sobre loop de cámara facial, con subtítulos sincronizados palabra por palabra estilo karaoke, tercio inferior animado y overlay de seguimiento de TikTok al final. Refleja el arquetipo may-shorts-19 del kit estudiantil HyperFrames. video video
  11. 011 HyperFrames: Carrera de gráficos de barras animados (estilo NYT) Infografía de datos de 12 segundos en 16:9 — gráficos animados de barras y líneas con revelación escalonada de categorías, titular serif estilo NYT, nota al pie de fuente, etiquetas de valores dinámicas. Construido directamente sobre el bloque de catálogo `data-chart` de HyperFrames. video video
  12. 012 HyperFrames: Mapa de vuelo estilo Apple (Origen → Destino) Mapa cinematográfico de ruta de vuelo 16:9 de 8 segundos — zoom de terreno realista, avión animado deslizándose desde origen hasta destino a lo largo de trayectoria curva, ciudades etiquetadas, contador de distancia cinético. Construido sobre el bloque de catálogo HyperFrames `nyc-paris-flight`, reutilizable para cualquier par de ciudades. video video
  13. 013 HyperFrames: Pipeline de sitio web a vídeo (corte de marketing de 15 segundos) Composición HyperFrames de 15 segundos en 16:9 que captura un sitio web en tres tamaños de viewport y anima entre ellos con división radial cromática entre escenas. Sigue el arquetipo hyperframes-sizzle student-kit donde el sitio es el activo fuente. video video