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.
開源 Claude Design · 範本
HyperFrames.
為 Open Design 打造的免費開源 HyperFrames 範本與技能——Agent 生成的動效影片。每個 HyperFrames 範本都是可直接算繪的 HTML + CSS + GSAP 合成，由你的本機 Agent 重繪並算繪為 MP4：動態排版、資料圖表、Logo 片尾、產品宣傳、故障字幕等。
總計 · 23
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.
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