# HyperFrames

## Docs

- [What is HyperFrames?](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/introduction.md): See what an AI agent can make with ordinary web technology.
- [Make your first video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/quickstart.md): Install the HyperFrames skills, make one short request, and conti…
- [Go further with HyperFrames](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/go-further.md): Take more control of an existing project through your agent, Stud…
- [Build on HyperFrames](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/developers/index.md): Choose the smallest HyperFrames surface for automation, editing,…
- [Examples](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/examples.md): Watch finished HyperFrames videos, inspect real production projec…
- [30 Days of HyperFrames](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/thirty-days.md): The official 30 Days of HyperFrames lessons, collected in one pla…
- [Product updates](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/product-updates.md): The HyperFrames changes that matter when you create, edit, and re…
- [Weekly updates](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/weekly-updates.md): Curated weekly highlights for HyperFrames.
- [Changelog](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/changelog.md): Release notes for HyperFrames.
- [Choose how to create](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/choose-creation-path.md): Four places to make a HyperFrames video, and how to tell which on…
- [Create through an AI chat](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/mcp.md): Use the hosted HyperFrames MCP connector to create and render wit…
- [Bring a design into a project](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/design-tools.md): Start from a Figma file or a design-tool draft. Keep the look, re…
- [Prompt Guide](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/overview.md): How to prompt AI agents to author HyperFrames videos — setup, the…
- [Product launch videos](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/product-launch.md): What to say to turn a product URL, a script, or a brief into a la…
- [Explainers](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/explainers.md): What to say to turn an article, notes, or a topic into a faceless…
- [Code changes and PRs](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/code-and-prs.md): What to say to turn a GitHub pull request into a code-change expl…
- [Captions and talking-head footage](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/captions-and-talking-heads.md): Two ways to dress an existing talking-head clip — readable captio…
- [Music videos and slideshows](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/music-and-slideshows.md): Two music- and slide-driven outputs that look alike in a brief bu…
- [Motion graphics](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/motion-graphics.md): Short, design-led pieces where motion is the message — kinetic ty…
- [Anatomy of a one-shot prompt](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/anatomy.md): The six-part skeleton — route, spec, beats, copy, technique, nega…
- [The specification dial](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/specification-dial.md): Spec density controls how far the result drifts from what you ima…
- [Vocabulary that changes output](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/vocabulary.md): Natural-language adjectives the skills map to specific framework…
- [High-fidelity looks](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/visual-specs.md): Write a visual spec that names, places, colors, and times every e…
- [Verified example prompts](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/examples.md): Prompts that produced the videos on this page, plus the shared mo…
- [Motion that reads premium](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/motion.md): Eight rules for motion that reads as premium: nothing stops, the…
- [Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/transitions.md): Map energy and mood to named shader and CSS transition blocks, an…
- [Code animations](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/code-blocks.md): Prompt code walkthroughs — typing, diffing, highlighting, scrolli…
- [Data and maps](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/data-and-maps.md): Prompt animated charts, count-up stats, and maps — highlight regi…
- [Overlays and lower thirds](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/overlays-and-lower-thirds.md): Prompt named lower-third and social-post overlay blocks with timi…
- [Caption styles](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/captions-catalog.md): Map caption tone to named caption components, and prompt per-word…
- [When to generate artwork](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/generated-artwork.md): Code-drawn wins for UI, type, geometry, and 3D. Illustration-led…
- [Color grading and film effects](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/color-grading.md): Grade media with a fixed-order pipeline — tonal work, hue keys, p…
- [VFX and liquid glass](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/vfx-and-liquid-glass.md): Prompt device mockups, liquid-glass UI, shatter/portal/magnetic m…
- [Runtimes and 3D](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/runtimes-and-3d.md): GSAP is the default and you rarely name it. Real 3D, existing ani…
- [Media and audio](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/media-and-audio.md): Ask for the voiceover, music, sound, captions, cutouts, and asset…
- [Design systems and brand](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/design-systems.md): Point the agent at a source of brand truth — a design spec, a sit…
- [Variables and templating](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/variables-and-templating.md): Ask for the parts that should change to become named slots, then…
- [Storyboards](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/storyboards.md): For multi-scene work, don't prompt the scenes one by one — prompt…
- [Editing existing videos](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/editing-existing-videos.md): Direct the agent like an editor — trim, move, retime, swap, resty…
- [Iterating](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/iterating.md): Talk to the agent like a video editor — small targeted edits beat…
- [Recreating something you saw](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/recreating-references.md): Transcribe motion, iterate with absolute targets, distill the con…
- [Rendering and output](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/rendering-and-output.md): What to say to get the right file out — quality tier, format, res…
- [Porting from Remotion](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/remotion-migration.md): What to say to migrate an existing Remotion (React) composition's…
- [Capstone — every technique, one journey](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/capstone.md): One prompt, one unbroken camera move, and every technique in this…
- [Rules and anti-patterns](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/prompting/rules-and-anti-patterns.md): The technical rules that keep renders correct, and the prompt pat…
- [Choose a workflow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/workflows.md): Start from the material you already have.
- [Create a product or website video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/product-launch-video.md): Turn a product URL or launch brief into a promo, product tour, or…
- [Create a faceless explainer](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/faceless-explainer.md): Turn notes, an article, or a difficult idea into a visual explana…
- [Turn a pull request into a video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/pr-to-video.md): Show what changed, why it matters, and what happens next.
- [Add captions or repackage talking-head footage](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/captions-and-recuts.md): Add captions, add designed overlays, or change the spoken edit.
- [Create a motion graphic](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/motion-graphics.md): Make a short, motion-led title, statistic, chart, logo sting, or…
- [Create a music-driven video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/music-to-video.md): Cut footage, images, lyrics, and motion to a track’s beat grid.
- [Create an interactive presentation](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/slideshow.md): Build a navigable deck with reveals, notes, optional branches, ho…
- [Create a custom video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/general-video.md): Combine sources, change existing footage, or co-direct a video wh…
- [HyperFrames or Remotion?](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/hyperframes-vs-remotion.md): The same three-second title card written in Remotion React and in…
- [How a HyperFrames project works](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/concepts/index.md): Understand the editable files, compositions, timing, and tools be…
- [Work with media](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/media.md): Use footage, images, audio, captions, backgrounds, and color in a…
- [Use images and video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/video-components.md): Import, place, replace, trim, and review images and footage in a…
- [Add an avatar presenter](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/avatar-presenter.md): Create or reuse a presenter clip, keep it as project media, and c…
- [Use voice, music, sound, and captions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/voice-and-audio.md): Build an understandable audio mix, transcribe real speech, and tu…
- [Remove a background](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/remove-background.md): Turn footage of a person or a portrait image into transparent med…
- [Color grade images and footage](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/color-grading.md): Fix exposure and color on an image or video, shape a look with wh…
- [Apply media effects](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/media-effects.md): Turn an image or video into ASCII, halftone print, tape damage, C…
- [Finish and share a video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/export-and-share.md): Review the project, run its checks, render through an agent, Stud…
- [Get unstuck](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/help.md): Start with what you can see, try the smallest useful fix, and get…
- [Troubleshooting](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/troubleshooting.md): Solve common Studio, project, media, animation, preview, and rend…
- [Share feedback](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/feedback.md): Report a problem or tell the HyperFrames team what would make the…
- [Work on a project in Studio](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/index.md): Open a HyperFrames project, understand the workspace, make a safe…
- [Review the storyboard](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/storyboard.md): Review planned frames, direction, voiceover, status, and feedback…
- [Edit the frame](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/canvas.md): Select the right element, change its content or design, arrange l…
- [Edit timing on the timeline](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/timeline.md): Move, trim, split, align, and inspect clips in HyperFrames Studio.
- [Edit animation and keyframes](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/animation.md): Read existing motion, add and retime keyframes, record gestures,…
- [Edit captions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/captions.md): Review captions in context and understand which Studio edits are…
- [Use Assets and Catalog](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/assets-and-blocks.md): Import project media, reuse existing files, and add ready-made vi…
- [Use variables and templates](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/variables.md): Turn a visible value into a reusable input, preview variants, and…
- [Build a slideshow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/slideshows.md): Shape the main presentation, then add reveals, notes, branches, a…
- [Export and manage renders](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/export.md): Choose a format, quality, resolution, and frame rate, then manage…
- [Studio troubleshooting](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/troubleshooting.md): Recover from selection, preview, editing, timeline, and export pr…
- [Work with source and an agent](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/source.md): Edit project files, diagnose a failed check, and hand the right c…
- [Keyboard shortcuts](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/studio/shortcuts.md): Use Studio shortcuts for playback, editing, navigation, and proje…
- [Catalog](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/index.md): Browse reusable HyperFrames scenes, transitions, captions, overla…
- [Camera Follow Captions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-camera-follow.md): One sentence written across a world far larger than the frame. Ea…
- [Clip Wipe](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-clip-wipe.md): Left-to-right clip-path wipe reveal per word
- [Editorial Emphasis](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-editorial-emphasis.md): Dual-font system with dramatic size contrast for emphasis words
- [Emoji Pop](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-emoji-pop.md): Emoji integration with stroked text and horizontal squeeze entran…
- [Glitch RGB](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-glitch-rgb.md): RGB chromatic aberration with CRT scanline overlay
- [Gradient Fill](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-gradient-fill.md): Gradient-clipped text with elastic bounce entrance
- [Highlight](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-highlight.md): Red background sweep behind each active word, TikTok-style
- [Kinetic Slam](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-kinetic-slam.md): Full-screen single-word display with alternating entrance directi…
- [Matrix Decode](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-matrix-decode.md): Character scramble animation before text reveal
- [Neon Accent](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-neon-accent.md): Multi-color neon glow accents with wiggle drift animation
- [Neon Glow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-neon-glow.md): Cyan and magenta neon glow with keyword accent colors
- [Parallax Layers](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-parallax-layers.md): Behind-subject 3D text layering with vertical stretch effect
- [Particle Burst](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-particle-burst.md): Keyword words trigger colored particle explosions
- [Pill Karaoke](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-pill-karaoke.md): Pill-shaped container with per-word karaoke color highlight
- [Texture](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-texture.md): Flowing texture mask over large uppercase text — ships with 6 tex…
- [Weight Shift](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-weight-shift.md): Elegant font-weight transition between caption lines
- [Word-Sweep Highlight](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/mk-callout-highlight.md): A sentence whose word-by-word emphasis is driven by a single scal…
- [Blur Out Up](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/blur-out-up.md): Words arrive clean and depart upward with increasing blur for air…
- [Bottom Up Letters](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/bottom-up-letters.md): Splits text into letters and reveals each glyph from below with d…
- [Blend Difference](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/caption-blend-difference.md): Auto-inverting text using mix-blend-mode: difference — flips betw…
- [Char Slam Explode](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/char-slam-explode.md): Headline glyphs hold in a deterministic scatter, then reassemble…
- [Focus Blur Resolve](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/focus-blur-resolve.md): A premium focus pull from heavy blur to crisp text, then a soft b…
- [Headline Slam](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/headline-slam.md): A heavyweight headline scales down into frame, lands with a deter…
- [Text Along a Path](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/hw-path-text.md): Handwriting flowing along any SVG path with a per-character revea…
- [Handwritten Title](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/hw-title.md): Handwritten display text with a scalar-driven word-by-word highli…
- [Inline Highlight](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/inline-highlight.md): A clean marker-style inline highlight that animates behind text u…
- [Kinetic Type Swap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/kinetic-type-swap.md): A held sentence keeps its fixed text in place while one widest-wo…
- [Line-by-Line Slide](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/line-by-line-slide.md): Each line enters from the left with staggered slide and exits to…
- [Line Swap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/line-swap.md): A masked full-line beat replacement: line A holds center then exi…
- [Logo Brand Close](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/logo-brand-close.md): A display-scale wordmark cascades letter by letter into a centere…
- [Marker Highlight](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/marker-highlight.md): Display text settles in, then one hand-drawn marker stroke (highl…
- [Matrix Decode](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/matrix-decode.md): Random scramble resolves left-to-right into the target text.
- [Background Emphasis Type](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/mk-emphasis-type.md): Oversized low-contrast background word drifting slowly behind the…
- [Morph Text](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/morph-text.md): Gooey text morph — cycles through an editable word list using SVG…
- [Particle Text Dissolve](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/particle-text-dissolve.md): Text assembles from a seeded particle cloud (or dissolves into it…
- [Per-Word Crossfade](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/per-word-crossfade.md): Words gently fade into place with a short vertical drift for calm…
- [Per Word Rise](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/per-word-rise.md): Words or characters rise into place in a controlled blur-to-sharp…
- [Perspective Marquee](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/perspective-marquee.md): A 3D tilted marquee with depth feel as items roll toward the hori…
- [RGB Glitch Text](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/rgb-glitch-text.md): RGB-offset text copies jitter briefly for a controlled glitch win…
- [Scan Band](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/scan-band.md): A diagonal distortion band sweeps once across a clean wordmark, r…
- [Scramble Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/scramble-reveal.md): A deterministic hacker-style text reveal that cycles fixed glyph…
- [Shared Axis Y](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/shared-axis-y.md): Per-word vertical shared-axis transition for sharp editorial swap…
- [Shared Axis Z](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/shared-axis-z.md): Scale-based shared-axis transition for focus shifts and context d…
- [Shimmer Sweep](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/shimmer-sweep.md): Animated light sweep across text or elements using a CSS gradient…
- [Soft Blur In](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/soft-blur-in.md): A soft opacity, blur, and lift reveal for headlines, captions, an…
- [Split-Flap Board](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/split-flap-board.md): Solari-style departure board: every cell walks its drum forward t…
- [Strikethrough Replace](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/strikethrough-replace.md): Draw a strike line across old text, then reveal the replacement.
- [Text Shimmer](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/text-shimmer.md): A static headline receives one clean specular gradient sweep thro…
- [Ticker Takeover](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ticker-takeover.md): A mono ticker rolls through options, locks on a final word with a…
- [Titlecard Calm](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/titlecard-calm.md): A restrained title card where a mono kicker and generous grotesqu…
- [Titlecard Lockup](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/titlecard-lockup.md): The calm breather titlecard: an optional mono kicker fades up, th…
- [Tracking In](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/tracking-in.md): A precise letter-spacing reveal for premium headings and interfac…
- [Variable Axis Type](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/variable-axis-type.md): A locked one-line headline whose weight or width axis morphs into…
- [Vox Annotate](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/vox-annotate.md): The Vox-style annotate gesture: a keyword in a held sentence gets…
- [Weight Wave](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/weight-wave.md): A crest of thickness travels along a headline: each character swe…
- [Wordmark Tiles](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/wordmark-tiles.md): A wordmark resolves from deterministic color noise into correctly…
- [Chromatic Fringe Title](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/yt-prism-title.md): Display title on a transparent root: blur-focus entrance, red/blu…
- [Lower Third — BILD Style](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lower-third-bild.md): News-style lower third with tight-fit text boxes: white headline…
- [Lower Third — Accent Underline](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-accent-underline.md): Cardless lower third for footage overlay: name rises, an accent r…
- [Lower Third — Bold Block](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-bold-block.md): High-energy podcast lower third: solid dark block wipes in, upper…
- [Lower Third — Clean Bar](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-clean-bar.md): Minimal white-card lower third for podcasts/interviews: accent ta…
- [Lower Third — Color Block](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-color-block.md): High-energy lower third: bold accent-color block slides in with o…
- [Lower Third — Dark Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-dark-card.md): Charcoal card lower third for bright footage: name, drawn accent…
- [Lower Third — Kicker Name](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-kicker-name.md): Cardless lower third with an accent eyebrow/kicker tag, heavy nam…
- [Lower Third — Mask Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-mask-reveal.md): Cardless lower third: an accent sweep crosses and clip-path-revea…
- [Lower Third — Side Rule](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-side-rule.md): Cardless lower third with a vertical accent bar; condensed displa…
- [Lower Third — Soft Pill](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-soft-pill.md): Rounded white pill lower third for podcasts/interviews: status do…
- [Lower Third — Stack Bars](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-stack-bars.md): Two stacked bars: a dark name bar wipes from the left, an accent…
- [News Ticker](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/news-ticker.md): Premium broadcast-style lower-third ticker with live label, headl…
- [Code 3D Extrude](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-3d-extrude.md): Syntax-highlighted code on a lit, beveled 3D slab that rotates th…
- [Code Diff](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-diff.md): An edit shown as a colored diff — removed lines collapse in red,…
- [Code Highlight Sweep](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-highlight.md): A highlight band sweeps across a target line while the surroundin…
- [Code Morph](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-morph.md): One snippet transforms into another — tokens glide between positi…
- [Code Particle Assemble](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-particle-assemble.md): Thousands of GPU points scatter through space and fly to the exac…
- [Code Scroll To Line](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-scroll.md): The camera scrolls a long file to bring a target line to center a…
- [Code Shader Dissolve](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-shader-dissolve.md): The code compiles into existence: a GPU fragment shader resolves…
- [Code Snippet Flight](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-flight.md): Discrete code snippets fly in from the side and assemble into a s…
- [Code Typing](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-typing.md): Token-streamed typing reveal with a caret that tracks the frontie…
- [Terminal Simulator](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/terminal-simulator.md): A terminal window types commands and streams log output.
- [Code Snippet - Apple Terminal Basic](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-basic.md): Apple Terminal Basic profile: white background, black text, per-c…
- [Code Snippet - Apple Terminal Clear Dark](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-clear-dark.md): Apple Terminal Clear Dark profile: semi-transparent dark backgrou…
- [Code Snippet - Apple Terminal Clear Light](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-clear-light.md): Apple Terminal Clear Light profile: semi-transparent light backgr…
- [Code Snippet - Apple Terminal Grass](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-grass.md): Apple Terminal Grass profile: black background with green text, p…
- [Code Snippet - Apple Terminal Homebrew](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-homebrew.md): Apple Terminal Homebrew profile: black background with bright gre…
- [Code Snippet - Apple Terminal Man Page](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-man-page.md): Apple Terminal Man Page profile: pale yellow background with blac…
- [Code Snippet - Apple Terminal Novel](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-novel.md): Apple Terminal Novel profile: warm parchment background with dark…
- [Code Snippet - Apple Terminal Ocean](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-ocean.md): Apple Terminal Ocean profile: deep blue background with white tex…
- [Code Snippet - Apple Terminal Pro](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-pro.md): Apple Terminal Pro profile: black background with grey text and l…
- [Code Snippet - Apple Terminal Red Sands](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-red-sands.md): Apple Terminal Red Sands profile: deep red background with sandy…
- [Code Snippet - Apple Terminal Silver Aerogel](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-silver-aerogel.md): Apple Terminal Silver Aerogel profile: dark grey background with…
- [Code Snippet - Apple Terminal Solid Colors](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-apple-terminal-solid-colors.md): Apple Terminal Solid Colors profile: deep purple background with…
- [Code Snippet - Dark 2026](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-dark-2026.md): VS Code workbench with per-character typing animation in the Dark…
- [Code Snippet - Dark Modern](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-dark-modern.md): VS Code workbench with per-character typing animation in the Dark…
- [Code Snippet - Dark+](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-dark-plus.md): VS Code workbench with per-character typing animation in the Dark…
- [Code Snippet - High Contrast](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-high-contrast.md): VS Code workbench with per-character typing animation in the High…
- [Code Snippet - High Contrast Light](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-high-contrast-light.md): VS Code workbench with per-character typing animation in the High…
- [Code Snippet - Light 2026](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-light-2026.md): VS Code workbench with per-character typing animation in the Ligh…
- [Code Snippet - Light Modern](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-light-modern.md): VS Code workbench with per-character typing animation in the Ligh…
- [Code Snippet - Light+](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-light-plus.md): VS Code workbench with per-character typing animation in the Ligh…
- [Code Snippet - Monokai](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-monokai.md): VS Code workbench with per-character typing animation in the Mono…
- [Code Snippet - Solarized Light](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-solarized-light.md): VS Code workbench with per-character typing animation in the Sola…
- [Code Snippet - Visual Studio Dark](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-visual-studio-dark.md): VS Code workbench with per-character typing animation in the Visu…
- [Code Snippet - Visual Studio Light](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/code-snippet-visual-studio-light.md): VS Code workbench with per-character typing animation in the Visu…
- [Chromatic Radial Split](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/chromatic-radial-split.md): Shader transition with chromatic aberration radial split
- [Cinematic Zoom](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/cinematic-zoom.md): Shader transition with dramatic zoom blur
- [Cross Warp Morph](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/cross-warp-morph.md): Shader transition with cross-warped morphing
- [Domain Warp Dissolve](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/domain-warp-dissolve.md): Shader transition with fractal noise domain warping
- [Flash Through White](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/flash-through-white.md): Shader transition with white flash crossfade
- [Glitch](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/glitch.md): Shader transition with digital glitch artifacts
- [Gravitational Lens](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/gravitational-lens.md): Shader transition with gravitational lensing distortion
- [Light Leak](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/light-leak.md): Shader transition with cinematic light leak overlay
- [Ridged Burn](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/ridged-burn.md): Shader transition with ridged turbulence burn effect
- [Ripple Waves](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/ripple-waves.md): Shader transition with concentric ripple wave distortion
- [SDF Iris](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/sdf-iris.md): Shader transition with signed distance field iris reveal
- [Swirl Vortex](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/swirl-vortex.md): Shader transition with swirling vortex distortion
- [Thermal Distortion](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/thermal-distortion.md): Shader transition with heat haze thermal distortion
- [Whip Pan](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/whip-pan.md): Shader transition simulating a fast camera whip pan
- [Beat Freeze Cut](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/beat-freeze-cut.md): A beat-driven speed ramp, freeze-frame hit, and hard-cut sequence…
- [Scribble Transition](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/hw-scribble-transition.md): Overlay transition: scribble bands accumulate to cover the frame…
- [Text Clone Wall Transition](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/mk-clone-wall-transition.md): Overlay transition: a tiled word wall covers the frame, inverts v…
- [Organic Light Leak Overlay](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/organic-light-leak-overlay.md): Finite CSS light-leak overlay for memory beats and motivated tran…
- [3D Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-3d.md): Showcase of 3D perspective flip and rotate transitions
- [Blur Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-blur.md): Showcase of blur-based transitions between scenes
- [Cover Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-cover.md): Showcase of cover/uncover slide transitions
- [Destruction Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-destruction.md): Showcase of destructive break-apart transitions
- [Dissolve Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-dissolve.md): Showcase of dissolve and fade transitions
- [Distortion Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-distortion.md): Showcase of warp and distortion transitions
- [Grid Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-grid.md): Showcase of grid-based tile transitions
- [Light Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-light.md): Showcase of light-based glow and flash transitions
- [Mechanical Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-mechanical.md): Showcase of mechanical shutter and iris transitions
- [Other Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-other.md): Showcase of miscellaneous creative transitions
- [Push Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-push.md): Showcase of push and slide transitions
- [Radial Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-radial.md): Showcase of radial wipe and reveal transitions
- [Scale Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/transitions-scale.md): Showcase of scale and zoom transitions
- [Animated Bar Chart](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/animated-bar-chart.md): A compact data card with deterministic bar growth and value callo…
- [ASCII Render Pass](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ascii-render-pass.md): A slotted scene renders as live ASCII: a canvas samples the sourc…
- [ASCII Trail Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ascii-trail-reveal.md): An authored S-curve sweeps through a deterministic ASCII grid, fl…
- [Bar Chart Race](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/bar-chart-race.md): Ranked bars grow and overtake each other as a time series advance…
- [Chart Story](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/chart-story.md): One chart builds from data in reading order and lands the exact s…
- [Conic Progress Ring](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/conic-progress-ring.md): A token-driven conic progress ring whose angular fill and center…
- [Data Chart](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/data-chart.md): Animated bar + line chart with staggered reveal, NYT-style typogr…
- [Decline Chart](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/decline-chart.md): A metric line draws downward as its value counts down and the amb…
- [Logo Wall](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/logo-wall.md): A trusted-by wall of placeholder lettermark logos that fades and…
- [Minimal Line Graph](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/mk-line-graph.md): One or two SVG series draw on with dots popping and value labels…
- [Spain Map](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/spain-map.md): Animated Spain choropleth by autonomous community with staggered…
- [Star Rating Fill](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/star-rating-fill.md): A token-driven star row whose colored layer sweeps to a rating, p…
- [US Map](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/us-map.md): Animated US choropleth map with staggered state reveals, value la…
- [US Bubble Map](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/us-map-bubble.md): Animated US bubble map with proportional city markers, value call…
- [US Flow Map](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/us-map-flow.md): Animated connection arcs between US cities over a base map — comp…
- [US Hex Grid Map](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/us-map-hex.md): Animated hexagonal tile grid map — each state as an equal-weight…
- [World Map](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/world-map.md): Animated world choropleth with country-by-country reveal, tooltip…
- [AI Chat Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/ai-chat-reveal.md): A question is typed on a rising keyboard, sent, and answered by a…
- [AI Generation Canvas](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ai-generation-canvas.md): A prompt composer expands into a generated dashboard preview.
- [App Showcase](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/app-showcase.md): Fitness app product showcase with three floating smartphone scree…
- [Apple Money Count](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/apple-money-count.md): Apple-style finance counter that counts from $0 to $10,000, flash…
- [Blue Sweater Intro Video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/blue-sweater-intro-video.md): Warm AI creator intro sequence that resolves into an X follow car…
- [Dolly Zoom (Vertigo Shot)](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/camera-dolly-zoom.md): Camera tracks toward or away from the subject while the field of…
- [ChatGPT Exchange](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/chatgpt-exchange.md): A portrait ChatGPT-style exchange types and sends a prompt, strea…
- [Claude Exchange](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/claude-exchange.md): A portrait Claude-style exchange types a prompt, works through se…
- [Cosmic Orb](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/cosmic-orb.md): An iridescent soap-bubble planet: a slowly spinning sphere of neb…
- [Gallery Tunnel](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/gallery-tunnel.md): An infinite corridor of panels: a square tunnel receding to a van…
- [Message Thread Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/message-thread-reveal.md): A full text conversation plays out on a phone - bubbles popping i…
- [North Korea Locked Down](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/north-korea-locked-down.md): Realistic map zoom into North Korea with a red scribble circle, l…
- [Notes Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/notes-reveal.md): A personal note is typed character by character in a notes app -…
- [Notification Cascade](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/notification-cascade.md): Phone notifications land one after another and stack up the scree…
- [NYC Paris Flight](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/nyc-paris-flight.md): Apple-style realistic map animation with a plane flying from New…
- [Oscilloscope Trace](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/oscilloscope-trace.md): CRT oscilloscope beam sweeping a waveform across a 10x8 graticule…
- [Rack Focus](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/rack-focus.md): A focus pull with real aperture bokeh: the focal plane travels fr…
- [Share-Sheet Carousel](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/share-sheet-carousel.md): A share sheet springs up from the bottom of the phone and cycles…
- [3D UI Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/ui-3d-reveal.md): Perspective 3D reveal animation for UI elements
- [Anamorphic Streak Flare](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-anamorphic-flare.md): A drifting field of bright points, each one throwing the long hor…
- [VPN YouTube Spot](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vpn-youtube-spot.md): Snappy Apple-style YouTube insert showing a phone finding and ins…
- [Browser Device Stage](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/browser-device-stage.md): A generic app surface in token-native device chrome (browser, win…
- [Code Terminal Run](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/code-terminal-run.md): A token-chrome terminal panel runs one command: the prompt line t…
- [Cursor Glyph Trail](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/cursor-glyph-trail.md): An actor travels an authored path depositing small dithered glyph…
- [Echo Trail](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/echo-trail.md): A moving element renders with N ghosted copies of itself at t min…
- [Focus Swap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/focus-swap.md): Moves attention between two side-by-side cards as one recedes wit…
- [Icon Morph Beat](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/icon-morph-beat.md): An icon morphs between authored state silhouettes, shifts to an a…
- [Native Notification Pop](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/native-notification-pop.md): One system-faithful notification banner (iOS or macOS) drops in o…
- [Notification Stack](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/notification-stack.md): 1 to 5 token notification cards slide-settle into a vertical stac…
- [Offset Path Traveler](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/offset-path-traveler.md): A slotted traveler follows an authored path with tangent rotation…
- [Press Ripple](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/press-ripple.md): A cursor decel-arrives from off-stage, lands slightly off-center…
- [Pull to Refresh](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/pull-to-refresh.md): A mobile list pulls through nonlinear rubber-band resistance, arm…
- [Screen Flow Carousel](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/screen-flow-carousel.md): Two to five app screens ride a horizontal rail: one primary at ce…
- [Segmentation Flood](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/segmentation-flood.md): Machine-vision read of a slotted subject: translucent accent segm…
- [Soft Blob Touch](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/soft-blob-touch.md): A granular soft blob idles with slow internal drift; a scripted t…
- [Spring Stack Shuffle](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/spring-stack-shuffle.md): A stack of 3 to 5 slotted cards reshuffles on cues: the back card…
- [State Chip Rail](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/state-chip-rail.md): A rail of mono status chips advances a seek-safe data-state snap…
- [Sticky Mock Swap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/sticky-mock-swap.md): A pinned product mock cross-fades through accent-tinted feature s…
- [Telemetry HUD](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/telemetry-hud.md): Quiet mono debug-HUD readouts frame a slotted subject: corner bra…
- [Toggle Flip](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/toggle-flip.md): An oversized UI toggle switch that flips with real physicality: t…
- [Tracing Beam](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/tracing-beam.md): A glowing dash follows one SVG path through three UI elements, li…
- [Typed Prompt](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/typed-prompt.md): A prompt line types itself in chunked human cadence behind a dete…
- [Vector Editor Rig](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/vector-editor-rig.md): A dark design-tool app chrome with a live vector pen path, sequen…
- [Editorial Flash Overlay](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/editorial-flash-overlay.md): Finite neutral-warm light layers for a seek-safe camera-flash cut…
- [Freeze-Frame Dressing](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/freeze-frame-dressing.md): Timeline-driven paper, tape, and flash dressing for a freeze-fram…
- [Instagram Follow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/instagram-follow.md): Animated Instagram follow overlay with profile card and follow bu…
- [macOS Notification](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/macos-notification.md): Animated macOS-style notification banner with app icon and message
- [Reddit Post Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/reddit-post.md): Animated Reddit post card overlay with upvotes and comments
- [Spotify Now Playing](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/spotify-card.md): Animated Spotify now-playing card with album art and progress bar
- [Thread Message Stack](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/thread-message-stack.md): A source-owned editable conversation stack with arbitrary incomin…
- [TikTok Follow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/tiktok-follow.md): Animated TikTok follow overlay with profile card and follow button
- [X Post Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/x-post.md): Animated X/Twitter post card overlay with engagement metrics
- [Comment Cards](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/yt-comment-card.md): Social comments typing on over footage: avatar pop, username and…
- [YouTube Lower Third](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/yt-lower-third.md): Animated YouTube subscribe lower third with avatar and channel in…
- [Aurora Drift](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/aurora-drift.md): Three soft accent-derived aurora fields drift in an exact ambient…
- [Beat Accent](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/beat-accent.md): A single music-hit sting: impact flash, micro scale-pulse on the…
- [Beat Pulse Background](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/beat-pulse-background.md): An accent-derived backdrop pulses its glow intensity and saturati…
- [Chat Thread](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/chat-thread.md): The measured conversation as one mountable scene at full fidelity…
- [Constellation Hub](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/constellation-hub.md): Feature nodes brighten in narration order as real-length SVG conn…
- [Count Up](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/count-up.md): A token-native stat counter that eases between values and lands w…
- [CTA Close](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/cta-close.md): A display-scale action line lands per word and fills the frame wi…
- [CTA Lockup](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/cta-lockup.md): A canonical closing lockup that reveals an action line, pops in a…
- [Facet Morph](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/facet-morph.md): A faceted low-poly mass of 36 triangles continuously reshapes bet…
- [Gesture Tap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/gesture-tap.md): A contact circle taps a mobile pill button, releases it into a ne…
- [Gloss Sweep](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/gloss-sweep.md): A card lands with a restrained slam, catches one diagonal specula…
- [Grade Split Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/grade-split-reveal.md): The same picture twice, one flat and one finished, with a hard ed…
- [Grid Card Assemble](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/grid-card-assemble.md): N capability cards (thin-line icon that draws on, mono label, opt…
- [Light Sweep Pass](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/light-sweep-pass.md): A traveling key light re-shades a slotted scene: a soft diagonal…
- [Locked Nucleus Orbit](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/locked-nucleus-orbit.md): A fixed center nucleus anchors deterministic satellite orbits tha…
- [Logo Sting](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/logo-sting.md): A wordmark slams into its final scale, fires one accent ring and…
- [Marker Checklist Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/marker-checklist-card.md): A hand-lettered paper card: marker headline with an underline and…
- [Modal Morph](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/modal-morph.md): A small card expands into a full panel, shared-element style: bot…
- [Multi Device Splay](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/multi-device-splay.md): Phone, tablet, and desktop product mockups fan from a centered st…
- [Notes Typing](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/notes-typing.md): The notes-app confession as a mountable scene: a bold title, then…
- [Outline Draw](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/outline-draw.md): A rounded outline that proves a callout by drawing clockwise as a…
- [Oversized Cursor](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/oversized-cursor.md): A deliberately oversized macOS-style pointer that enters off-scre…
- [Particle Image Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/particle-image-reveal.md): A seeded deterministic particle field converges and settles while…
- [Physical Exit](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/physical-exit.md): A card exits with physical momentum in toss, drop, or slide mode,…
- [Radial Surround](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/radial-surround.md): Labeled hairline chips assemble around a centered subject on an e…
- [Scroll Feed](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/scroll-feed.md): A loop-friendly column of varied skeleton post cards scrolls upwa…
- [Slit Scan Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/slit-scan-reveal.md): The frame's rows sample an authored subject at offset times: a ca…
- [Social Proof Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/social-proof-card.md): The app-store close as one mountable scene: wordmark, five stars,…
- [Split Tilt Cards](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/split-tilt-cards.md): Two equal-weight cards arrive from opposite wings with mirrored r…
- [Spring Pop](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/spring-pop.md): A badge pops in from a visible near-rest scale, overshoots full s…
- [Stitched Text Draw](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/stitched-text-draw.md): Text drawn as thread stitches: a single-stroke display alphabet d…
- [Stop Motion Cadence](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/stop-motion-cadence.md): The stepped-time law as a demo primitive: one driver quantizes ti…
- [SVG Stroke Trace](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/svg-stroke-trace.md): An authored SVG path draws from its measured length, holds with s…
- [Swipe Rail](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/swipe-rail.md): A contact circle leads a horizontal card rail through a fast drag…
- [Testimonial Proof Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/testimonial-proof-card.md): A quote card whose testimonial reveals per-line through a soft ma…
- [Touch Indicator](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/touch-indicator.md): A translucent contact-circle gesture actor for mobile UI scenes:…
- [Trust Strip](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/trust-strip.md): A monochrome trust row of wide-tracked mono wordmarks that fade i…
- [Variable Font Flex](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/variable-font-flex.md): A word lands while its variable-font weight and width axes flex f…
- [Velocity Throw Snap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/velocity-throw-snap.md): A five-shot rail whips past on a fast decaying curve, then oversh…
- [Whiteboard Ink](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/whiteboard-ink.md): A whiteboard sketch draws one measured stroke at a time while a p…
- [Arc Motion Path](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/arc-motion-path.md): A GSAP MotionPath primitive that flies a callout along a curved a…
- [Avatar Group Hover](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/avatar-group-hover.md): A distance-falloff avatar group lift with bouncy hover return
- [Badge Pop](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/badge-pop.md): A transitions.dev-inspired notification badge pop with elastic sc…
- [Blur In](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/blur-in.md): An Operator Black word-level content reveal that resolves its own…
- [Card Resize](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/card-resize.md): A transitions.dev-inspired card resize primitive that expands a c…
- [Chat Message](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/chat-message.md): One message arrives on the measured entry - scale 0.75, 0.12s, gr…
- [Chromatic Aberration Wipe](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/chromatic-aberration-wipe.md): A fast slide wipe with RGB channel split on peak frames.
- [Dynamic Grid](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/dynamic-grid.md): A responsive animated grid background driven by CSS variables for…
- [Icon Swap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/icon-swap.md): A scale-and-blur icon swap primitive for toolbar and action state…
- [Neon Border](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/lt-neon-border.md): Two arcs of light travel the edge of a rounded panel and snap cor…
- [Menu Morph](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/menu-morph.md): A transitions.dev-inspired hamburger and plus-menu morph primitiv…
- [Number Pop In](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/number-pop-in.md): A transitions.dev-inspired digit pop-in with blur, lift, and stag…
- [Number Wheel](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/number-wheel.md): A rolling digit counter primitive for metrics, prices, counts, an…
- [Page Slide](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/page-slide.md): A transitions.dev-inspired page slide primitive with outgoing and…
- [Separator](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/separator.md): A one-pixel structural separator with horizontal and vertical var…
- [Sheet Spring-Up](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/sheet-spring-up.md): A bottom sheet rushes up from below the frame on a real spring sa…
- [Simulated Cursor](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/simulated-cursor.md): A lightweight cursor pointer and click pulse for product walkthro…
- [Skeleton Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/skeleton-reveal.md): A skeleton loader transition that pulses, then cross-fades into c…
- [Slot Machine Roll](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/slot-machine-roll.md): A vertical reel scrolls characters from one value to another.
- [Staggered Fade Up](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/staggered-fade-up.md): Words fade in and slide up one after another with configurable de…
- [Streaming Text](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/streaming-text.md): Words arrive the way an AI answer streams - in uneven bursts on a…
- [Success Check](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/success-check.md): A success check primitive with ring pop, path draw, and subtle ro…
- [SVG Line Draw Loader](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/svg-line-draw-loader.md): An Anime.js-style path drawing loader implemented as a seekable G…
- [Text Stagger](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/text-stagger.md): A transitions.dev-inspired text stagger primitive with enter, shi…
- [Text State Swap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/text-state-swap.md): A text state swap primitive with outgoing blur and incoming lift
- [Three Orbiting Cards](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/three-orbiting-cards.md): A Three.js-powered orbit scene driven by a paused GSAP timeline f…
- [Tilt Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/tilt-card.md): A transitions.dev-inspired tilt card primitive with depth layers…
- [Top-Down Letters](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/top-down-letters.md): Letters descend from above in a pronounced staircase with zero bl…
- [Typewriter](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/typewriter.md): Character-by-character text reveal with a deterministic blinking…
- [Typing Indicator](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/typing-indicator.md): The three-dot chat bubble that says someone is writing: it pops i…
- [AI Prompt Flow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ai-prompt-flow.md): A composed AI prompt flow with prompt field, suggestion chips, ge…
- [Avatar Cloud](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/avatar-cloud.md): Lettermark avatars populate a loose elliptical cloud while fine S…
- [Beat Timeline](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/beat-timeline.md): A paused master-timeline orchestration spine that pins titled bea…
- [Before After Wipe](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/before-after-wipe.md): Two full-bleed content slots compare before and after states as a…
- [Camera Rig Depth Stack](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/camera-rig-depth-stack.md): A 3D camera-rig-style card stack with depth, parallax, and focus…
- [Checkout Flow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/checkout-flow.md): A composed checkout flow with plan summary, payment field rows, t…
- [Comparison Split](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/comparison-split.md): Two full-bleed panels compare before and after states as a persis…
- [Confetti](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/confetti.md): A deterministic celebration burst with seeded particles and gravi…
- [Cut the Curve](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/cut-the-curve.md): A velocity-matched directional hard cut: the outgoing subject acc…
- [Device Frame Stage](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/device-frame-stage.md): A phone or tablet mockup staged as a physical scene prop with a s…
- [Directional Wipe](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/directional-wipe.md): A directional scene push that slides one panel over another.
- [Fade Through](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/fade-through.md): A calm transition primitive that fades one layer out, passes thro…
- [Grid Pixelate Wipe](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/grid-pixelate-wipe.md): Transition effect where the screen dissolves into a grid of squar…
- [Halftone Dissolve](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/halftone-dissolve.md): Scene A dissolves into scene B through a growing halftone dot fie…
- [Hand-Drawn Arrow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/hw-arrow.md): Wobbled draw-on arrow with straight, gentle, and swoop curve pres…
- [Hand-Drawn Boil](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/hw-boil.md): Hand-drawn jitter that re-poses every N frames, as seek-safe help…
- [Hand-Drawn Box Label](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/hw-box-label.md): Wobbled rounded rectangle draws around a region with a handwritte…
- [Scribble Callout Circle](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/hw-callout-circle.md): Wobbled ellipse draws around a target with optional scribble fill…
- [Squiggle Marks](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/hw-underline.md): Hand-drawn squiggle underline, double-pass strikethrough, and bra…
- [Input Feedback](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/input-feedback.md): A transitions.dev-inspired input feedback primitive with shake, c…
- [Iris Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/iris-reveal.md): A circle clip-path opens from an authored origin revealing state…
- [Keyframe Scrub Stack](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/keyframe-scrub-stack.md): A keyframe-sequenced stack of cards with offset timing and easing…
- [Match Cut](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/match-cut.md): A circle accelerates into a hard single-frame scene swap, matches…
- [Mesh Gradient Background](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/mesh-gradient-bg.md): A render-safe mesh gradient using animated radial layers.
- [Micro Transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/micro-transitions.md): A transitions.dev-inspired pack of badge, dropdown, modal, tabs,…
- [Hairline Arc Gauge](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/mk-usage-arc.md): Thin circular gauge that draws on while its percentage counts up;…
- [Morph Swap](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/morph-swap.md): Two slotted siblings stacked at one shared center: A holds, then…
- [Motion Blur](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/motion-blur.md): Velocity-driven motion blur — samples element position each frame…
- [Multiplayer Cursors](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/multiplayer-cursors.md): Labeled collaborator cursors with token-derived colors and soft g…
- [Notification Pileup](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/notification-pileup.md): Mobile notification cards arrive faster and faster, each new aler…
- [Onboarding Stepper Flow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/onboarding-stepper-flow.md): A composed onboarding flow with milestone rail, active step card,…
- [Ordered Dither Pass](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ordered-dither-pass.md): Bayer-matrix ordered dithering quantizes a slotted scene (rasteri…
- [Overwhelm Surround](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/overwhelm-surround.md): Tasks, tabs, pings, and notification bubbles accelerate inward ar…
- [Panel Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/panel-reveal.md): A panel reveal primitive with height expansion and content fade
- [Parallax Device Dive](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/parallax-device-dive.md): A canonical phone rises into view before the camera pushes throug…
- [Parallax Unzoom](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/parallax-unzoom.md): Reveal transition — focus card scales down from full frame as sib…
- [Parallax Zoom](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/parallax-zoom.md): Center card scales up to fill the frame while siblings parallax o…
- [Rubber Band Bumper](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/rubber-band-bumper.md): An outgoing panel pulls against increasing resistance, holds at t…
- [Settings Toggle Flow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/settings-toggle-flow.md): A composed settings flow with preference rows, toggle switches, a…
- [Signup Flow](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/signup-flow.md): A composed signup flow with social action, email field, password…
- [Spotlight Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/spotlight-card.md): A card with a scripted cursor spotlight and lit border.
- [Stagger Cascade](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/stagger-cascade.md): A responsive grid of tile cards that fades and travels into place…
- [Stagger Lattice](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/stagger-lattice.md): A staggered grid reveal inspired by Anime.js v4 stagger utilities…
- [Store Badge Lockup](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/store-badge-lockup.md): Settles a short headline above equal-size App Store and Google Pl…
- [SVG Mask Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/svg-mask-reveal.md): A soft token-colored sweep reveals media only through an editable…
- [Tabs Slide Indicator](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/tabs-slide-indicator.md): A pill indicator transition that slides between active tabs
- [Testimonial Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/testimonial-card.md): Reveals a customer quote at reading pace, then settles its avatar…
- [Type Match Cut](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/type-match-cut.md): A headline splits vertically around an incoming panel, which grow…
- [Vignette](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/vignette.md): Cinematic radial vignette overlay using a pure-CSS gradient — dar…
- [Whip Pan Cut](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/whip-pan-cut.md): A full-frame whip pan: scene A whips off laterally with capped di…
- [X Follow Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/x-follow-card.md): A social follow card with avatar, handle, and follower motion.
- [Pointer Circle + Countdown](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/yt-circle-pointer.md): Draw-on annotation ellipse around a target plus a countdown chip…
- [Feathered Spotlight](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/yt-feather-highlight.md): Dims the frame except a feathered ellipse; the hole's position an…
- [Zoom Through Transition](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/zoom-through-transition.md): A transition that zooms through a focal card into the next scene.
- [Camcorder HUD](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/camcorder-hud.md): Responsive REC, battery, editable date placeholder, and timeline-…
- [Camera Scan Gate](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/camera-scan-gate.md): A camera and QR recognition moment with a viewfinder sweep, brack…
- [Camera Shake](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/camera-shake.md): Procedural handheld, telephoto and rig camera shake for any wrapp…
- [Drift Hold](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/drift-hold.md): A centered content card stays subtly alive through loop-exact rot…
- [Focus Rack](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/focus-rack.md): Focus shifts once between two cards at different apparent depths…
- [Pan Stations](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/pan-stations.md): A lateral camera move across a continuous row of labeled feature…
- [Pull Back Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/pull-back-reveal.md): A tight stat detail holds, then one decelerating camera pull-back…
- [Push In](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/push-in.md): A centered headline gains focus through one slow, continuous came…
- [Scroll Camera Story](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/scroll-camera-story.md): A compressed forced-scroll cinematic pass: a tall scene of slotte…
- [UI Focus Zoom](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ui-focus-zoom.md): A full app surface establishes with one settle, then the camera z…
- [Camera Punch-In](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/yt-camera-move.md): Dynamic zoom, slide, and 3D tilt-pan helpers for any wrapper (vid…
- [Grain Field](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/grain-field.md): A clearly visible accent-tinted dot field drifts over a subtle lu…
- [Grain Overlay](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/grain-overlay.md): Animated film grain texture overlay using CSS keyframes — adds wa…
- [Halftone Field](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/halftone-field.md): A full-bleed halftone light field: a grid of dots whose size and…
- [Ink Bleed Reveal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/ink-bleed-reveal.md): Liquid ink blooms through paper under a gooey blur-plus-threshold…
- [Texture Mask Text](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/texture-mask-text.md): CSS luminance masks that cut holes through letterforms - 66 pre-b…
- [Scanline Board Background](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/yt-lcd-background.md): Textured paper board: scanlines with slow drift, optional pixel g…
- [On-Screen Display Effect](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/components/yt-screen-warp.md): Grid, scanline, vignette, and sheen overlay plus a 3D-warp wrappe…
- [iOS 26 Liquid Glass Home Screen](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/ios26-liquid-glass.md): 3D iPhone with a normal iOS 26 home screen, liquid glass app icon…
- [Liquid Glass Context Menu](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/liquid-glass-context-menu.md): Frosted glass context menu panel drifting over an aurora shader b…
- [Liquid Glass Media Controls](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/liquid-glass-media-controls.md): Frosted glass media control panels spreading over an aurora shade…
- [Liquid Glass Notification](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/liquid-glass-notification.md): Frosted glass notification cards floating over an aurora shader b…
- [Liquid Glass Widgets](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/liquid-glass-widgets.md): Frosted glass stat cards, showcase panel and pill chips over an a…
- [macOS Tahoe Liquid Glass Desktop](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/macos-tahoe-liquid-glass.md): 3D MacBook with a macOS Tahoe-style desktop, glass menu bar, Find…
- [iPhone & MacBook 3D Showcase](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-iphone-device.md): Real GLTF iPhone 15 Pro Max and MacBook Pro models with live HTML…
- [Liquid Background](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-liquid-background.md): Organic liquid simulation with vertex displacement on a subdivide…
- [Liquid Glass](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-liquid-glass.md): VFX composition block
- [Magnetic](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-magnetic.md): VFX composition block
- [Portal](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-portal.md): VFX composition block
- [Shatter](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-shatter.md): VFX composition block
- [VFX Text Cursor](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/vfx-text-cursor.md): Dramatic text reveal with cursor glow, chromatic shadow rays, and…
- [Flowchart](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/flowchart.md): Animated decision tree with SVG connectors, sticky-note nodes, cu…
- [Flowchart Vertical](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/flowchart-vertical.md): Portrait animated decision tree with SVG connectors, sticky-note…
- [Sketched Frame](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/hw-frame.md): Media in a hand-drawn border with corner doodles and a handwritte…
- [Hand-Drawn Flowchart](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/hw-pipeline.md): Wobbled boxes with handwritten labels joined by curved connectors…
- [Speech Bubble](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/hw-text-cloud.md): Hand-drawn speech bubble with a positionable tail: outline draws…
- [Logo Outro](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/logo-outro.md): Cinematic logo reveal with piece-by-piece assembly, glow bloom, t…
- [Minimal Gradient Background](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/mk-background.md): Procedural soft-blob gradient backdrop in a minimalist presentati…
- [Rounded Media Grid](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/mk-placeholder-grid.md): N-up rounded-corner media grid (2-up, 3-up, 4-up, 3x2, hero plus…
- [Count-Up Stat Card](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/mk-progress-stat.md): Big-numeral statistic with count-up, label, thin progress track f…
- [Specs Checklist](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/mk-specs-list.md): Left-aligned specs/traits checklist over footage or a board: rows…
- [Spiral Galaxy](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/spiral-galaxy.md): A spiral galaxy seen from outside, turning with real differential…
- [Logo Intro Sequence](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/yt-logo-intro.md): Logo stamp pops on a lined board, a kicker line gives way to the…
- [Vertical Media Filler](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/catalog/blocks/yt-vertical-fill.md): Portrait media filling a widescreen frame via blurred-scale, mirr…
- [How HyperFrames fits into an application](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/developers/overview.md): Understand the composition contract, editing surfaces, Player, CL…
- [CLI guide](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/developers/cli.md): Find the HyperFrames command for creating, checking, rendering, p…
- [CLI](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/cli.md): Create, preview, and render HTML video compositions from the comm…
- [@hyperframes/lint](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/lint.md): The composition linter as a standalone library — lint a directory…
- [Edit a composition with the SDK](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/quickstart.md): Open composition HTML, query and edit elements, serialize the res…
- [Querying & Editing Elements](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/guides/querying-and-editing.md): Find elements by property, make typed mutations, group edits with…
- [Timing & Animation](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/guides/timing-and-animation.md): Set clip timing, elastic holds, GSAP tweens, and keyframed animat…
- [Undo, Redo & Patches](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/guides/undo-redo-and-patches.md): Use the SDK's built-in undo stack, subscribe to patch events, and…
- [Persistence](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/guides/persistence.md): Autosave composition edits through pluggable adapters — filesyste…
- [Embedded Override Mode](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/guides/embedded-override-mode.md): Layer a sparse delta on top of a reusable base composition so the…
- [Canvas & Preview Integration](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/guides/canvas-integration.md): Connect a same-origin composition iframe to the SDK for hit-testi…
- [Editing Affordances](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/guides/editing-affordances.md): Resolve capability flags and inspector sections for a selected el…
- [openComposition](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/reference/open-composition.md): Open a composition HTML string for editing. Returns a Composition…
- [Composition](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/reference/composition.md): The main editing surface returned by openComposition — query, mut…
- [Edit Operations](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/reference/edit-operations.md): The complete EditOp catalog for dispatch(), can(), and batch().
- [Types](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/reference/types.md): Core types exported from @hyperframes/sdk, with pointers to the a…
- [Adapters](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/reference/adapters.md): Persistence and preview adapter interfaces, contracts, and the bu…
- [Utilities & Constants](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/sdk/reference/utilities.md): History module, persist queue, document utilities, constants, and…
- [Compositions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/concepts/compositions.md): The fundamental building block of a Hyperframes video.
- [Reuse a design with variables](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/concepts/variables.md): Change approved text, colors, media, and choices without rebuildi…
- [Time elements with data attributes](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/concepts/data-attributes.md): Place clips on the HyperFrames timeline without putting timing lo…
- [Animate with GSAP](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/gsap-animation.md): Create a paused timeline that HyperFrames can seek to any frame.
- [Frame adapters](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/concepts/frame-adapters.md): Connect a seekable animation timeline to a custom HyperFrames hos…
- [Deterministic Rendering](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/concepts/determinism.md): Same input, identical output. Every time.
- [HTML in Canvas](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/html-in-canvas.md): Use live DOM content as a texture for WebGL and canvas effects.
- [Figma integration](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/figma.md): Bring Figma designs into HyperFrames — frozen assets, brand token…
- [HTML schema reference](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/reference/html-schema.md): The current contract for a HyperFrames composition.
- [Color grading implementation](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/reference/color-grading.md): Persist, automate, animate, and spatially isolate media color gra…
- [Render from the command line](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/rendering.md): Check a project and render MP4, MOV, WebM, GIF, or PNG output.
- [Choose a rendering path](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/deploy/overview.md): Choose the smallest HyperFrames rendering surface for local work,…
- [Cloud rendering](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/deploy/cloud.md): Render on HeyGen's managed cloud without deploying your own infra…
- [Deploy a preview and render API](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/deploy.md): Start from an official Vercel, Cloudflare, or Modal template when…
- [AWS Lambda](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/deploy/aws-lambda.md): Deploy distributed HyperFrames rendering to AWS Lambda and drive…
- [Google Cloud Run](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/deploy/gcp-cloud-run.md): Deploy distributed HyperFrames rendering to Cloud Run, Cloud Work…
- [Render templates on Lambda](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/deploy/templates-on-lambda.md): Render one HyperFrames composition with different variable values…
- [Migrating to HyperFrames Lambda](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/deploy/migrating-to-hyperframes-lambda.md): Side-by-side mapping for adopters coming to HyperFrames from anot…
- [@hyperframes/aws-lambda](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/aws-lambda.md): AWS Lambda and Step Functions adapter for distributed HyperFrames…
- [@hyperframes/gcp-cloud-run](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/gcp-cloud-run.md): Google Cloud Run and Workflows adapter for distributed HyperFrame…
- [Render in 4K](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/4k-rendering.md): Author at 4K or supersample an existing composition at render tim…
- [Render HDR video](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/hdr.md): Preserve BT.2020 PQ or HLG sources in a 10-bit H.265 MP4.
- [Fix a slow preview or render](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/performance.md): Find the expensive part of a composition and make it cheaper.
- [@hyperframes/core](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/core.md): Composition types, generation, compilation, and browser runtime.
- [@hyperframes/parsers](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/parsers.md): The GSAP + HTML parser/writer suite — standalone, zero @hyperfram…
- [@hyperframes/studio-server](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/studio-server.md): Mount the Studio project and preview API in your own server.
- [@hyperframes/sdk](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/sdk.md): Headless, framework-neutral composition editing engine for agents…
- [@hyperframes/engine](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/engine.md): Low-level, seekable frame capture and encoding primitives.
- [@hyperframes/player](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/player.md): Embeddable web component for playing HyperFrames compositions in…
- [@hyperframes/producer](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/producer.md): Render a HyperFrames project from Node.js.
- [@hyperframes/shader-transitions](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/shader-transitions.md): WebGL shader transitions for HyperFrames scenes and compositions.
- [@hyperframes/studio](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/packages/studio.md): React components and hooks used to build the HyperFrames Studio e…
- [Authentication & API keys](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/authentication.md): Sign in to HeyGen and understand how agent workflows choose voice…
- [Install and update agent skills](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/guides/skills.md): Teach a coding agent how to create valid HyperFrames projects and…
- [Contribute to HyperFrames](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/contributing.md): Set up the repository, make a focused change, and open a pull req…
- [Contribute to the Catalog](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/contributing/catalog.md): Add a reusable block or component to the HyperFrames registry.
- [Release channels](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/contributing/release-channels.md): How HyperFrames keeps alpha-only work out of stable releases.
- [Changelog process](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/contributing/changelog-process.md): How HyperFrames drafts, reviews, and publishes release notes.
- [Test local CLI changes](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/contributing/testing-local-changes.md): Run an unreleased HyperFrames CLI build against a real project ou…
- [Canary rollouts](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/contributing/canary-rollouts.md): Ship a change to a percentage of installs instead of all-or-nothi…
- [Adopters](https://hyperframes-fix-nested-composition-media-inpoint.mintlify.site/community/adopters.md): Organizations using HyperFrames in production or actively evaluat…