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.
Open Design를 위한 무료 오픈소스 HyperFrames 템플릿과 스킬——에이전트가 구축하는 모션 비디오. 모든 HyperFrames 템플릿은 렌더링 가능한 HTML + CSS + GSAP 컴포지션으로, 로컬 에이전트가 다시 그려 MP4로 렌더링합니다: 키네틱 타이포그래피, 데이터 차트, 로고 아웃트로, 제품 프로모, 글리치 타이틀 등.
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.
Bold colored card on a dark gradient — big section number, nav breadcrumb, orange card sliding in, title rising.
Luxury-minimal whitespace hero — single word reveals letter by letter, warm-gold hairline, breathing indicators.
Electric split with hand-drawn script — offset panels slide in, display title rises with an outlined word, script strokes itself in.
비디오 전체 프롬프트 보기 → A native Remotion data frame — bars grow from zero by real data via spring physics while the figures roll 0→target in sync.
Animated flowchart with branching paths
Two-panel split with quote as hero — white/blue panels open from center, accent bar grows, quote reveals line by line.
Digital glitch, chromatic offset, and data-corruption title frame for video transitions or cyberpunk heroes.
Bold kinetic typography promo
Film light leaks, grain, 16:9 letterbox, and large serif type for cinematic openings or chapter cards.
WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.
Segmented logo assembly, glow bloom, and tagline reveal for video outros or brand closing frames.
Animated data chart in print editorial style
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
Swiss-grid statistic anchor — giant number, red accent, growing bars, black data bar. Rational and editorial.
Playful elastic animations
Multi-scene product showcase with SVG assets
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.
Structured grid layout
Soft-tech radial node graph as art — frosted rounded card, curved links drawing in, nodes popping outward, gentle float.
Cursor light trail, chromatic rays, and directional flares for word-by-word quote reveals in video intros.
Bold typography with red accents
Cream aesthetic with grain texture