Template · HyperFrames

13 HyperFrames.

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

  1. 001 Hyperframes Buat komposisi video, animasi, kartu judul, overlay, caption, voice-over, visual reaktif audio, dan transisi adegan di HyperFrames HTML. Mendukung konten video HTML, caption tersinkronisasi audio, narasi text-to-speech, animasi reaktif musik (sinkronisasi beat, cahaya, pulse), penyorotan teks animasi (sapuan marker, lingkaran gambar tangan, garis ledakan, coretan, sketsa) dan transisi adegan (crossfade, wipe, reveal, transisi shader). video video
  2. 002 Video Hyperframes Animasi frame berkelanjutan kompatibel Hyperframes / Remotion dengan dukungan autoplay. video video
  3. 003 HyperFrames: Penghitung Uang $0 → $10K (9:16) Klip vertikal HyperFrames 6 detik 1080×1920 — penghitung $0 → $10.000 bergaya Apple dengan kilatan hijau, partikel ledakan uang, ikon tumpukan uang tunai, dan judul menarik. Dibangun pada blok katalog HyperFrames `apple-money-count`. video video
  4. 004 HyperFrames: Tampilan Aplikasi 12 Detik — Tiga Ponsel Melayang Komposisi tampilan aplikasi 12 detik 16:9 — tiga layar iPhone melayang di ruang 3D, masing-masing berputar secara bergantian untuk menampilkan fitur yang berbeda, dengan label callout yang disinkronkan dengan irama dan logo akhir. Dibangun langsung di atas blok katalog `app-showcase` HyperFrames. video video
  5. 005 HyperFrames: Reel Promosi Merek 30 Detik Reel promosi HyperFrames 16:9 berdurasi 30 detik — pemotongan cepat, tipografi kinetik tersinkronisasi beat, skala reaktif audio pada kata tampilan, transisi shader antara lima adegan, kartu akhir dengan efek bloom logo. Didasarkan pada arketipe aisoc-hype dari kit pelajar. video video
  6. 006 HyperFrames: promo produk SaaS 30 detik (gaya Linear) Komposisi HyperFrames 30 detik yang dimodelkan dari film produk gaya Linear/ClickUp — reveal UI 3D, tipografi kinetik sinkron beat, tangkapan layar UI animasi, kartu akhir dengan outro logo. Dibangun dari blok katalog HF (ui-3d-reveal, app-showcase, logo-outro) plus transisi shader antar adegan. video video
  7. 007 HyperFrames: Outro Logo Sinematik 4 Detik Outro logo 16:9 berdurasi 4 detik — perakitan wordmark per bagian dengan bloom, sapuan kilauan di lockup akhir, overlay grain lembut, dan CTA satu baris. Dibangun di atas blok HyperFrames `logo-outro`, `shimmer-sweep`, dan `grain-overlay`. video video
  8. 008 HyperFrames: Pengungkapan produk minimal 5 detik Komposisi HyperFrames 5 detik untuk pengungkapan produk kelas atas — kanvas gelap, aksen hangat tunggal, kartu judul push-in lambat, garis kicker kinetik, gerakan terkendali. Render MP4 dari HTML+GSAP via puppeteer; tidak perlu footage stok. video video
  9. 009 HyperFrames: Tumpukan Overlay Sosial 9:16 (X · Reddit · Spotify · Instagram) Komposisi HyperFrames vertikal 1080×1920 berdurasi 15 detik yang menumpuk empat kartu sosial animasi di atas loop face-cam — postingan X, reaksi Reddit, kartu sedang diputar Spotify, dan CTA ikuti Instagram di akhir. Setiap kartu adalah blok katalog HyperFrames; koreografinya adalah nilai tambah. video video
  10. 010 HyperFrames: 9:16 TikTok Talking-Head dengan Caption Karaoke Short vertikal HyperFrames 1080×1920 — talking-head bernarasi TTS di atas loop face-cam, dengan caption sinkron per kata gaya karaoke, lower third animasi, dan overlay follow TikTok di akhir. Mencerminkan arketipe may-shorts-19 dari kit pelajar HyperFrames. video video
  11. 011 HyperFrames: Perlombaan Grafik Batang Animasi (gaya NYT) Infografis data 12 detik 16:9 — grafik batang dan garis animasi dengan pengungkapan kategori bertahap, judul serif gaya NYT, catatan kaki sumber, label nilai dinamis. Dibangun langsung di atas blok katalog `data-chart` HyperFrames. video video
  12. 012 HyperFrames: Peta Penerbangan Gaya Apple (Asal → Tujuan) Peta rute penerbangan sinematik 16:9 berdurasi 8 detik — zoom medan realistis, pesawat animasi meluncur dari asal ke tujuan sepanjang jalur melengkung, kota berlabel, penghitung jarak kinetik. Dibangun langsung pada blok katalog HyperFrames `nyc-paris-flight`, dapat digunakan kembali untuk pasangan kota mana pun. video video
  13. 013 HyperFrames: Pipeline Website-ke-Video (Potongan Marketing 15 Detik) Komposisi HyperFrames 16:9 berdurasi 15 detik yang menangkap situs web langsung dalam tiga ukuran viewport, lalu menganimasikan di antaranya dengan pemisahan radial kromatik antar adegan. Mengikuti arketipe hyperframes-sizzle student-kit di mana situs adalah aset sumber. video video