mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-03 04:38:33 +00:00
Miguel Ángel
77588b0759
Complete rewrite of all 4 liquid glass registry blocks using jeantimex/liquid-glass-html-in-canvas for real WebGPU glass rendering. Architecture: Three.js aurora shader (z:0) + empty glass panels in layoutsubtree canvas (z:1) + CSS text overlay (z:2). Text is crisp and never passes through the glass shader. - Renders via Brave with WebGPU + drawElementImage flags - Continuous motion throughout — panels sweep across the screen - liquid-glass.iife.js bundle (25KB) replaces liquid-dom (88KB)
26 lines
887 B
JSON
26 lines
887 B
JSON
{
|
|
"$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
|
|
"name": "liquid-glass-media-controls",
|
|
"type": "hyperframes:block",
|
|
"title": "Liquid Glass Media Controls",
|
|
"description": "Frosted glass media control panels spreading over an aurora shader background",
|
|
"stability": "experimental",
|
|
"dimensions": {
|
|
"width": 1920,
|
|
"height": 1080
|
|
},
|
|
"duration": 8,
|
|
"tags": ["liquid-glass-html-in-canvas", "webgpu"],
|
|
"files": [
|
|
{
|
|
"path": "liquid-glass-media-controls.html",
|
|
"target": "compositions/liquid-glass-media-controls.html",
|
|
"type": "hyperframes:composition"
|
|
}
|
|
],
|
|
"preview": {
|
|
"video": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/liquid-glass-media-controls.mp4",
|
|
"poster": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/liquid-glass-media-controls.png"
|
|
}
|
|
}
|