mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-01 19:42:03 +00:00
Miguel Ángel
07030294e0
Adds a Code Animations catalog section — 9 self-contained, installable blocks: morph, snippet-flight, typing, diff, highlight, scroll (DOM/GSAP) and 3d-extrude, shader-dissolve, particle-assemble (WebGL). Each block ships only its own effect and renders deterministically (paused GSAP timeline seeked per frame, seeded RNG, no render-time data fetch). Wires the catalog nav, registry.json, a new code-animation Studio category, and preview assets.
528 lines
11 KiB
JSON
528 lines
11 KiB
JSON
{
|
|
"$schema": "https://hyperframes.heygen.com/schema/registry.json",
|
|
"name": "hyperframes",
|
|
"homepage": "https://hyperframes.heygen.com",
|
|
"items": [
|
|
{
|
|
"name": "warm-grain",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "play-mode",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "swiss-grid",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "vignelli",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "decision-tree",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "kinetic-type",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "product-promo",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "nyt-graph",
|
|
"type": "hyperframes:example"
|
|
},
|
|
{
|
|
"name": "data-chart",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "us-map",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "us-map-bubble",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "us-map-hex",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "us-map-flow",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "world-map",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "spain-map",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "flowchart",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "logo-outro",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "grain-overlay",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "shimmer-sweep",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "grid-pixelate-wipe",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "motion-blur",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "texture-mask-text",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "vignette",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-pill-karaoke",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-neon-accent",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-weight-shift",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-emoji-pop",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-editorial-emphasis",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-parallax-layers",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-glitch-rgb",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-matrix-decode",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-particle-burst",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-texture",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-clip-wipe",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-kinetic-slam",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-gradient-fill",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-neon-glow",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-highlight",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-blend-difference",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "morph-text",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "instagram-follow",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "tiktok-follow",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "yt-lower-third",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "x-post",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "reddit-post",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "spotify-card",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "macos-notification",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "app-showcase",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "north-korea-locked-down",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "apple-money-count",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vpn-youtube-spot",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "blue-sweater-intro-video",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "nyc-paris-flight",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "ui-3d-reveal",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "domain-warp-dissolve",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "ridged-burn",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "whip-pan",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "sdf-iris",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "ripple-waves",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "gravitational-lens",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "cinematic-zoom",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "chromatic-radial-split",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "glitch",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "swirl-vortex",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "thermal-distortion",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "flash-through-white",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "cross-warp-morph",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "light-leak",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-3d",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-blur",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-cover",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-destruction",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-dissolve",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-distortion",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-grid",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-light",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-mechanical",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-other",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-push",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-radial",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "transitions-scale",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-text-cursor",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-liquid-background",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-iphone-device",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-magnetic",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-portal",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "liquid-glass-notification",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "liquid-glass-context-menu",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "liquid-glass-media-controls",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "liquid-glass-widgets",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "ios26-liquid-glass",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "macos-tahoe-liquid-glass",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-shatter",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-basic",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-clear-dark",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-clear-light",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-grass",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-homebrew",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-man-page",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-novel",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-ocean",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-pro",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-red-sands",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-silver-aerogel",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-apple-terminal-solid-colors",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-dark-2026",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-dark-modern",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-dark-plus",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-high-contrast",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-high-contrast-light",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-light-2026",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-light-modern",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-light-plus",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-monokai",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-solarized-light",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-visual-studio-dark",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-visual-studio-light",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-morph",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-snippet-flight",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-typing",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-diff",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-highlight",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-scroll",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-3d-extrude",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-shader-dissolve",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "code-particle-assemble",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "flowchart-vertical",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-liquid-glass",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "parallax-zoom",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "parallax-unzoom",
|
|
"type": "hyperframes:component"
|
|
}
|
|
]
|
|
}
|