# HyperFrames

## Docs

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