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 Source Claude Design · Templates
HyperFrames.
Free, open-source HyperFrames templates and skills for Open Design — agent-built motion video. Every HyperFrames template is a render-ready HTML + CSS + GSAP composition your local agent repaints and renders to MP4: kinetic typography, data charts, logo outros, product promos, glitch titles and more.
Total · 23
Artifact kind
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.
video Read full prompt → 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