13 HyperFrames.
HyperFrames-ready motion compositions — agent-built video that blends template HTML with frame-level keyframes.
Typ artefaktu
- 001
Hyperframes Twórz kompozycje wideo, animacje, plansze tytułowe, nakładki, napisy, narracje, wizualizacje reagujące na dźwięk i przejścia między scenami w HyperFrames HTML. Obsługuje treści wideo HTML, napisy zsynchronizowane z dźwiękiem, narrację text-to-speech, animacje reagujące na muzykę (synchronizacja z rytmem, poświata, pulsacja), animowane podświetlanie tekstu (zakreślenia markerem, ręcznie rysowane kółka, linie wybuchu, bazgroły, szkice) oraz przejścia między scenami (przenikanie, wycieranie, ujawnianie, przejścia shaderowe). - 002
Wideo Hyperframes Ciągła animacja klatek kompatybilna z Hyperframes / Remotion z obsługą autoodtwarzania. - 003
HyperFrames: Licznik Pieniędzy $0 → $10K (9:16) 6-sekundowy pionowy klip HyperFrames 1080×1920 — licznik $0 → $10 000 w stylu Apple z zielonym błyskiem, cząsteczkami eksplozji pieniędzy, ikoną stosu gotówki i chwytliwym nagłówkiem. Oparty na bloku katalogu HyperFrames `apple-money-count`. - 004
HyperFrames: 12-sekundowa prezentacja aplikacji — Trzy unoszące się telefony 12-sekundowa kompozycja prezentacji aplikacji w formacie 16:9 — trzy ekrany iPhone unoszą się w przestrzeni 3D, każdy obraca się kolejno, aby pokazać inną funkcję, z synchronizowanymi z rytmem etykietami i końcowym logo. Zbudowane bezpośrednio na bloku katalogu `app-showcase` HyperFrames. - 005
HyperFrames: 30-sekundowy sizzle reel marki 30-sekundowy sizzle reel HyperFrames 16:9 — szybkie cięcia, kinetyczna typografia zsynchronizowana z beatem, reaktywne na dźwięk skalowanie słów, przejścia shaderowe między pięcioma scenami, końcowa plansza z efektem bloom logo. Oparty na archetypie aisoc-hype z zestawu studenckiego. - 006 HyperFrames: 30-sekundowe promo produktu SaaS (styl Linear) 30-sekundowa kompozycja HyperFrames wzorowana na filmach produktowych w stylu Linear/ClickUp — ujawnienia UI 3D, kinetyczna typografia zsynchronizowana z rytmem, animowane zrzuty ekranu UI, końcowa plansza z outro logo. Zbudowana z bloków katalogu HF (ui-3d-reveal, app-showcase, logo-outro) oraz przejść shaderowych między scenami.
- 007 HyperFrames: 4-sekundowe Filmowe Outro z Logo 4-sekundowe outro z logo 16:9 — składanie logo element po elemencie z efektem bloom, przesunięcie mieniacym się blaskiem po finalnym lockupie, miękka nakładka ziarna i jednoliniowe CTA. Zbudowane na blokach HyperFrames `logo-outro`, `shimmer-sweep` i `grain-overlay`.
- 008 HyperFrames: 5-sekundowe minimalne odsłonięcie produktu 5-sekundowa kompozycja HyperFrames do prezentacji produktu premium — ciemne płótno, pojedynczy ciepły akcent, powolna karta tytułowa z najazdem, kinetyczna linia kicker, stonowany ruch. Renderuje MP4 z HTML+GSAP przez puppeteer; nie wymaga materiałów stockowych.
- 009
HyperFrames: stos nakładek społecznościowych 9:16 (X · Reddit · Spotify · Instagram) 15-sekundowa pionowa kompozycja HyperFrames 1080×1920, która układa cztery animowane karty społecznościowe na pętli z kamerą — post X, reakcję Reddit, kartę odtwarzania Spotify i CTA obserwowania Instagram na końcu. Każda karta to blok katalogu HyperFrames; choreografia to wartość dodana. - 010
HyperFrames: 9:16 TikTok Talking-Head z napisami karaoke Pionowy short HyperFrames 1080×1920 — talking-head z narracją TTS na pętli face-cam, z napisami synchronizowanymi słowo po słowie w stylu karaoke, animowanym lower third i nakładką follow TikTok na końcu. Odzwierciedla archetyp may-shorts-19 z zestawu studenckiego HyperFrames. - 011
HyperFrames: Animowany wyścig wykresów słupkowych (w stylu NYT) 12-sekundowa infografika danych w formacie 16:9 — animowane wykresy słupkowe i liniowe z rozłożonym w czasie ujawnianiem kategorii, nagłówek w czcionce szeryfowej w stylu NYT, przypis ze źródłem, dynamiczne etykiety wartości. Zbudowany bezpośrednio na bloku katalogowym `data-chart` HyperFrames. - 012
HyperFrames: Mapa lotu w stylu Apple (Punkt wyjścia → Miejsce docelowe) 8-sekundowa kinematograficzna mapa trasy lotu 16:9 — realistyczne powiększenie terenu, animowany samolot sunący z punktu wyjścia do miejsca docelowego wzdłuż zakrzywionej ścieżki, opisane miasta, kinetyczny licznik odległości. Zbudowany na bloku katalogowym HyperFrames `nyc-paris-flight`, nadający się do ponownego użycia dla dowolnej pary miast. - 013
HyperFrames: Pipeline strona-do-wideo (15-sekundowy klip marketingowy) 15-sekundowa kompozycja HyperFrames 16:9, która przechwytuje aktywną stronę w trzech rozmiarach viewport i animuje przejścia między nimi z chromatycznym radialnym podziałem scen. Wzorowana na archetypie hyperframes-sizzle student-kit, gdzie strona jest zasobem źródłowym.