# HyperFrames

> Wiki for HyperFrames: HTML video compositions, the catalog, rendering pipeline, and deployment.
> Covers: HyperFrames HTML video compositions, the catalog, rendering pipeline, and deployment.
> Not covered: Unreleased features and community examples after the date below — use web search.
> Current as of: 2026-06-01

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