mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-03 04:38:33 +00:00
Miguel ÁngelandClaude Sonnet 4.6
78ddd2602b
Add 15 caption overlay components to the registry, covering a wide range of animation techniques: Standalone origins (6): - caption-pill-karaoke: pill container + karaoke word highlight - caption-neon-accent: multi-color neon glow with wiggle drift - caption-weight-shift: font-weight transition between lines - caption-emoji-pop: emoji + stroked text + horizontal squeeze - caption-editorial-emphasis: dual-font (Inter + Playfair) emphasis - caption-parallax-layers: 3D text layering with vertical stretch Gallery picks (9): - caption-glitch-rgb: RGB chromatic aberration + CRT scanlines - caption-typewriter: green terminal char-by-char with cursor - caption-matrix-decode: scramble-reveal character animation - caption-particle-burst: keyword particle explosions - caption-texture-lava: flowing lava texture mask - caption-clip-wipe: clip-path left-to-right wipe reveal - caption-kinetic-slam: full-screen single-word slam - caption-gradient-fill: gradient-clipped text + elastic bounce - caption-neon-glow: cyan/magenta neon glow accents Each component includes the reusable HTML, a demo composition, and registry-item.json. All use a generic HyperFrames transcript. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
324 lines
6.5 KiB
JSON
324 lines
6.5 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": "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": "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-typewriter",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-matrix-decode",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-particle-burst",
|
|
"type": "hyperframes:component"
|
|
},
|
|
{
|
|
"name": "caption-texture-lava",
|
|
"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": "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": "vfx-liquid-glass",
|
|
"type": "hyperframes:block"
|
|
},
|
|
{
|
|
"name": "vfx-shatter",
|
|
"type": "hyperframes:block"
|
|
}
|
|
]
|
|
}
|