{"slug":"hyperframes","title":"HyperFrames","description":"Wiki for HyperFrames: HTML video compositions, the catalog, rendering pipeline, and deployment.","tags":["video","hyperframes","rendering"],"category":"imagegen","scope":{"covers":"HyperFrames HTML video compositions, the catalog, rendering pipeline, and deployment.","notCovered":"Unreleased features and community examples after the date below — use web search.","currentAs":"2026-06-01"},"lastUpdated":"2026-06-01","documentCount":167,"raw_base":"/raw/hyperframes/","html_base":"/wiki/hyperframes/","documents":[{"path":"wiki/index.md","title":"Knowledge Base Index","type":"index","updated":"2026-06-01"},{"path":"wiki/concepts/authoring-model.md","title":"Authoring Model","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/catalog-system.md","title":"Catalog System","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/cli-reference.md","title":"CLI Reference — the hyperframes Command","type":"concept","updated":"2026-06-09"},{"path":"wiki/concepts/common-mistakes-and-troubleshooting.md","title":"Common Mistakes and Troubleshooting","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/data-attributes.md","title":"Data Attributes","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/deployment-and-performance.md","title":"Deployment and Performance","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/deterministic-rendering.md","title":"Deterministic Rendering","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/frame-adapters.md","title":"Frame Adapters","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/gsap-animation.md","title":"GSAP Animation","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/html-in-canvas-and-vfx.md","title":"HTML-in-Canvas and VFX","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/hyperframes-overview.md","title":"HyperFrames Overview","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/prompting-and-agent-workflow.md","title":"Prompting and Agent Workflow","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/rendering-pipeline.md","title":"Rendering Pipeline","type":"concept","updated":"2026-06-01"},{"path":"wiki/concepts/website-to-video-workflow.md","title":"Website to Video Workflow","type":"concept","updated":"2026-06-01"},{"path":"wiki/entities/catalog-caption-components.md","title":"Catalog Caption Components","type":"entity","updated":"2026-06-01"},{"path":"wiki/entities/catalog-data-and-map-blocks.md","title":"Catalog Data and Map Blocks","type":"entity","updated":"2026-06-01"},{"path":"wiki/entities/catalog-social-and-ui-blocks.md","title":"Catalog Social and UI Blocks","type":"entity","updated":"2026-06-01"},{"path":"wiki/entities/catalog-transition-blocks.md","title":"Catalog Transition Blocks","type":"entity","updated":"2026-06-01"},{"path":"wiki/entities/hyperframes-packages.md","title":"HyperFrames Packages","type":"entity","updated":"2026-06-01"},{"path":"wiki/log.md","title":"Activity Log","type":"log","updated":null},{"path":"wiki/summaries/3d-transitions.md","title":"3D Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/3d-ui-reveal.md","title":"3D UI Reveal","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/4k-rendering.md","title":"4K Rendering","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/adopters.md","title":"Adopters","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/app-showcase.md","title":"App Showcase","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/apple-money-count.md","title":"Apple Money Count","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/aws-lambda.md","title":"AWS Lambda","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/blend-difference.md","title":"Blend Difference","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/blue-sweater-intro-video.md","title":"Blue Sweater Intro Video","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/blur-transitions.md","title":"Blur Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/chromatic-radial-split.md","title":"Chromatic Radial Split","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/cinematic-zoom.md","title":"Cinematic Zoom","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/claude-design.md","title":"Claude Design","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/cli.md","title":"CLI","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/clip-wipe.md","title":"Clip Wipe","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/common-mistakes.md","title":"Common Mistakes","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/compositions.md","title":"Compositions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/contributing-to-the-catalog.md","title":"Contributing to the Catalog","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/contributing.md","title":"Contributing","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/cover-transitions.md","title":"Cover Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/cross-warp-morph.md","title":"Cross Warp Morph","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/dark-2026.md","title":"Dark 2026","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/dark-modern.md","title":"Dark Modern","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/dark.md","title":"Dark+","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/data-attributes.md","title":"Data Attributes","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/data-chart.md","title":"Data Chart","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/deploy.md","title":"Deploy","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/destruction-transitions.md","title":"Destruction Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/deterministic-rendering.md","title":"Deterministic Rendering","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/dissolve-transitions.md","title":"Dissolve Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/distortion-transitions.md","title":"Distortion Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/domain-warp-dissolve.md","title":"Domain Warp Dissolve","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/editorial-emphasis.md","title":"Editorial Emphasis","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/emoji-pop.md","title":"Emoji Pop","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/examples.md","title":"Examples","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/feedback-collection.md","title":"Feedback Collection","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/flash-through-white.md","title":"Flash Through White","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/flowchart.md","title":"Flowchart","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/frame-adapters.md","title":"Frame Adapters","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/github-copilot-cli.md","title":"GitHub Copilot CLI","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/glitch-rgb.md","title":"Glitch RGB","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/glitch.md","title":"Glitch","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/google-antigravity.md","title":"Google Antigravity","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/gradient-fill.md","title":"Gradient Fill","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/grain-overlay.md","title":"Grain Overlay","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/gravitational-lens.md","title":"Gravitational Lens","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/grid-pixelate-wipe.md","title":"Grid Pixelate Wipe","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/grid-transitions.md","title":"Grid Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/gsap-animation.md","title":"GSAP Animation","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/hdr-rendering.md","title":"HDR Rendering","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/high-contrast-light.md","title":"High Contrast Light","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/high-contrast.md","title":"High Contrast","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/highlight.md","title":"Highlight","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/html-in-canvas.md","title":"HTML-in-Canvas","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/html-schema-reference.md","title":"HTML Schema Reference","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/hyperframes-core.md","title":"@hyperframes/core","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/hyperframes-engine.md","title":"@hyperframes/engine","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/hyperframes-player.md","title":"@hyperframes/player","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/hyperframes-producer.md","title":"@hyperframes/producer","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/hyperframes-studio.md","title":"@hyperframes/studio","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/hyperframes-vs-remotion.md","title":"Hyperframes vs Remotion","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/instagram-follow.md","title":"Instagram Follow","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/introduction.md","title":"Introduction","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/ios-26-liquid-glass-home-screen.md","title":"iOS 26 Liquid Glass Home Screen","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/iphone-macbook-3d-showcase.md","title":"iPhone & MacBook 3D Showcase","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/kinetic-slam.md","title":"Kinetic Slam","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/launch-videos.md","title":"Launch Videos","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/light-2026.md","title":"Light 2026","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/light-leak.md","title":"Light Leak","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/light-modern.md","title":"Light Modern","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/light-transitions.md","title":"Light Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/light.md","title":"Light+","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/liquid-background.md","title":"Liquid Background","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/liquid-glass-context-menu.md","title":"Liquid Glass Context Menu","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/liquid-glass-media-controls.md","title":"Liquid Glass Media Controls","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/liquid-glass-notification.md","title":"Liquid Glass Notification","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/liquid-glass-widgets.md","title":"Liquid Glass Widgets","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/logo-outro.md","title":"Logo Outro","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/macos-notification.md","title":"macOS Notification","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/macos-tahoe-liquid-glass-desktop.md","title":"macOS Tahoe Liquid Glass Desktop","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/magnetic.md","title":"Magnetic","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/matrix-decode.md","title":"Matrix Decode","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/mechanical-transitions.md","title":"Mechanical Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/migrating-to-hyperframes-lambda.md","title":"Migrating to HyperFrames Lambda","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/monokai.md","title":"Monokai","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/neon-accent.md","title":"Neon Accent","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/neon-glow.md","title":"Neon Glow","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/north-korea-locked-down.md","title":"North Korea Locked Down","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/nyc-paris-flight.md","title":"NYC Paris Flight","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/open-design.md","title":"Open Design","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/other-transitions.md","title":"Other Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/parallax-layers.md","title":"Parallax Layers","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/parallax-unzoom.md","title":"Parallax Unzoom","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/parallax-zoom.md","title":"Parallax Zoom","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/particle-burst.md","title":"Particle Burst","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/performance.md","title":"Performance","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/pill-karaoke.md","title":"Pill Karaoke","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/portal.md","title":"Portal","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/prompt-guide.md","title":"Prompt Guide","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/push-transitions.md","title":"Push Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/quickstart.md","title":"Quickstart","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/radial-transitions.md","title":"Radial Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/reddit-post-card.md","title":"Reddit Post Card","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/release-channels.md","title":"Release channels","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/remove-background-transparent-video.md","title":"Remove Background (transparent video)","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/rendering.md","title":"Rendering","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/ridged-burn.md","title":"Ridged Burn","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/ripple-waves.md","title":"Ripple Waves","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/scale-transitions.md","title":"Scale Transitions","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/sdf-iris.md","title":"SDF Iris","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/shatter.md","title":"Shatter","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/shimmer-sweep.md","title":"Shimmer Sweep","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/showcase.md","title":"Showcase","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/solarized-light.md","title":"Solarized Light","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/spain-map.md","title":"Spain Map","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/spotify-now-playing.md","title":"Spotify Now Playing","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/studio-manual-dom-editing.md","title":"Studio Manual DOM Editing","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/swirl-vortex.md","title":"Swirl Vortex","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/templates-on-lambda.md","title":"Templates on Lambda","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/testing-local-cli-changes.md","title":"Testing Local CLI Changes","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/texture-mask-text.md","title":"Texture Mask Text","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/texture.md","title":"Texture","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/the-pipeline.md","title":"The Pipeline","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/thermal-distortion.md","title":"Thermal Distortion","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/tiktok-follow.md","title":"TikTok Follow","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/timeline-editing.md","title":"Timeline Editing","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/troubleshooting.md","title":"Troubleshooting","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/us-bubble-map.md","title":"US Bubble Map","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/us-flow-map.md","title":"US Flow Map","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/us-hex-grid-map.md","title":"US Hex Grid Map","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/us-map.md","title":"US Map","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/variables.md","title":"Variables","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/vfx-text-cursor.md","title":"VFX Text Cursor","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/video-editor-cheatsheet.md","title":"Video Editor Cheatsheet","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/visual-studio-dark.md","title":"Visual Studio Dark","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/visual-studio-light.md","title":"Visual Studio Light","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/vpn-youtube-spot.md","title":"VPN YouTube Spot","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/website-to-video.md","title":"Website to Video","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/weight-shift.md","title":"Weight Shift","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/whip-pan.md","title":"Whip Pan","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/world-map.md","title":"World Map","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/x-post-card.md","title":"X Post Card","type":"summary","updated":"2026-06-01"},{"path":"wiki/summaries/youtube-lower-third.md","title":"YouTube Lower Third","type":"summary","updated":"2026-06-01"},{"path":"wiki/syntheses/authoring-checklist.md","title":"HyperFrames Authoring Checklist","type":"synthesis","updated":"2026-06-01"},{"path":"wiki/syntheses/docs-map.md","title":"HyperFrames Docs Map","type":"synthesis","updated":"2026-06-01"},{"path":"wiki/syntheses/tonbi-followup-content-angle.md","title":"Tonbi Follow-up Content Angle","type":"synthesis","updated":"2026-06-01"}]}