# HyperFrames

## Docs

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