Files
hyperframes/registry/registry.json
T
Vance IngallsandClaude Sonnet 4.6 1fd1b3164a feat(catalog): add motion-blur component (#1274)
* feat(catalog): add motion-blur component

Velocity-driven directional motion blur using SVG filter ghost copies.
Ghost-copy approach gives one-sided trail; feGaussianBlur top layer keeps
element blurry during movement. Uses tween onUpdate pattern (not
tl.eventCallback) so it works in the HyperFrames headless renderer.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* chore: remove accidentally committed .thumbnails cache

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* fix(catalog): address motion-blur review feedback

- registry-item.json: fix description — SVG feGaussianBlur ghost trail,
  not CSS blur/horizontal stretch
- motion-blur.html/demo.html/index.html: fix _hfMbUid counter — use
  window._hfMbUid++ directly so re-evaluation doesn't reset and produce
  duplicate filter IDs
- demo.html/index.html: fix stretchMax default (0.5 → 0) and add
  missing stretchMax > 0 apply/cleanup blocks to match canonical snippet

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-08 00:50:09 -07:00

492 lines
10 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": "flowchart-vertical",
"type": "hyperframes:block"
},
{
"name": "vfx-liquid-glass",
"type": "hyperframes:block"
},
{
"name": "parallax-zoom",
"type": "hyperframes:component"
},
{
"name": "parallax-unzoom",
"type": "hyperframes:component"
}
]
}