Bold Poster Frame
A 1970s European editorial poster in motion — a red rule draws across, a giant tilted figure drops in, a three-line headline rises line-by-line, an italic serif standfirst fades.
HyperFrames.
HyperFrames対応モーションコンポジション — テンプレートプロンプト、シーンディレクション、ブランドキューをレンダリング可能なタイムラインにブレンドしたエージェント生成動画。
成果物の種類
Bold Signal Frame
Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.
Build Minimal Frame
Luxury-minimal whitespace hero — single word reveals letter by letter, warm-gold hairline, breathing indicators.
Creative Voltage Frame
Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.
動画 プロンプト全文を読む → Data Rollup Frame
A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync.
Decision Tree
Animated flowchart with branching paths
Electric Studio Frame
Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.
Glitch Title Frame
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
動画 プロンプト全文を読む → Hyperframes
HyperFrames HTML で動画コンポジション、アニメーション、タイトルカード、オーバーレイ、字幕、ナレーション、オーディオリアクティブビジュアル、シーントランジションを作成。HTML ベースの動画コンテンツ制作、音声同期字幕追加、テキスト読み上げナレーション生成、音楽連動アニメーション（ビート同期、グロー、パルス）、アニメーションテキスト強調（マーカースイープ、手描き円、バーストライン、スクリブル、スケッチアウト）、シーントランジション（クロスフェード、ワイプ、リビール、シェーダートランジション）に対応。
Hyperframes ビデオ
Hyperframes / Remotion 対応の連続フレームアニメーションで、自動再生をサポート。
Kinetic Type
Bold kinetic typography promo
Light-Leak Cinematic Frame
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
Liquid Background Hero
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
Logo Outro Frame
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
NYT Graph
Animated data chart in print editorial style
NYT-Style Data Chart Frame
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
Pentagram Stat Frame
Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.
Play Mode
Playful elastic animations
Product Promo
Multi-scene product showcase with SVG assets
Product Promo · 30s
Multi-scene 30-second product promo: problem-type intro, brand reveal, benefits flowchart, product surfaces, value pillars, foundation, CTA outro. Forked from Nate Herk's hyperframes-student-kit (linear-promo-30s); brand-specific copy + assets replaced with generic placeholders.
Swiss Grid
Structured grid layout
Takram Organic Frame
Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float.
VFX Text Cursor
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
Vignelli
Bold typography with red accents
Warm Grain
Cream aesthetic with grain texture