mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-01 19:42:03 +00:00
docs: remove stale liquid glass catalog entry
This commit is contained in:
@@ -1,48 +0,0 @@
|
||||
---
|
||||
title: "Liquid Glass"
|
||||
description: "VFX composition block"
|
||||
---
|
||||
|
||||
# Liquid Glass
|
||||
|
||||
VFX composition block
|
||||
|
||||
`html-in-canvas` `webgl`
|
||||
|
||||
<Warning>
|
||||
**Requires Chrome flag.** Enable `chrome://flags/#canvas-draw-element` for live preview. Rendering via CLI enables the flag automatically. [Learn more](/guides/html-in-canvas).
|
||||
</Warning>
|
||||
|
||||
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/vfx-liquid-glass.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/vfx-liquid-glass.png" autoPlay muted loop playsInline />
|
||||
|
||||
## Install
|
||||
|
||||
<CodeGroup>
|
||||
|
||||
```bash Terminal
|
||||
npx hyperframes add vfx-liquid-glass
|
||||
```
|
||||
|
||||
</CodeGroup>
|
||||
|
||||
## Details
|
||||
|
||||
| Property | Value |
|
||||
| --- | --- |
|
||||
| Type | Block |
|
||||
| Dimensions | 1920×1080 |
|
||||
| Duration | 20s |
|
||||
|
||||
## Files
|
||||
|
||||
| File | Target | Type |
|
||||
| --- | --- | --- |
|
||||
| `vfx-liquid-glass.html` | `compositions/vfx-liquid-glass.html` | hyperframes:composition |
|
||||
|
||||
## Usage
|
||||
|
||||
After installing, add the block to your host composition:
|
||||
|
||||
```html
|
||||
<div data-composition-id="vfx-liquid-glass" data-composition-src="compositions/vfx-liquid-glass.html" data-start="0" data-duration="20" data-track-index="1" data-width="1920" data-height="1080"></div>
|
||||
```
|
||||
@@ -137,7 +137,6 @@
|
||||
"catalog/blocks/macos-tahoe-liquid-glass",
|
||||
"catalog/blocks/vfx-iphone-device",
|
||||
"catalog/blocks/vfx-liquid-background",
|
||||
"catalog/blocks/vfx-liquid-glass",
|
||||
"catalog/blocks/vfx-magnetic",
|
||||
"catalog/blocks/vfx-portal",
|
||||
"catalog/blocks/vfx-shatter",
|
||||
|
||||
@@ -109,7 +109,9 @@ Or install individually:
|
||||
|
||||
| Block | Description | Install |
|
||||
|-------|-------------|---------|
|
||||
| [Liquid Glass](/catalog/blocks/vfx-liquid-glass) | Voronoi glass fracture with parallax reveal | `npx hyperframes add vfx-liquid-glass` |
|
||||
| [iOS 26 Liquid Glass Home Screen](/catalog/blocks/ios26-liquid-glass) | iPhone home screen with live Liquid Glass notifications and widgets | `npx hyperframes add ios26-liquid-glass` |
|
||||
| [macOS Tahoe Liquid Glass Desktop](/catalog/blocks/macos-tahoe-liquid-glass) | MacBook desktop with liquid glass windows, dock, and notifications | `npx hyperframes add macos-tahoe-liquid-glass` |
|
||||
| [Liquid Glass Notification](/catalog/blocks/liquid-glass-notification) | Native-feeling glass notification stack with progress and reply states | `npx hyperframes add liquid-glass-notification` |
|
||||
| [iPhone & MacBook](/catalog/blocks/vfx-iphone-device) | Real 3D GLTF devices with live HTML screens | `npx hyperframes add vfx-iphone-device` |
|
||||
| [Text Cursor](/catalog/blocks/vfx-text-cursor) | Dramatic text reveal with chromatic shadows | `npx hyperframes add vfx-text-cursor` |
|
||||
| [Portal](/catalog/blocks/vfx-portal) | Dimension breach with volumetric light | `npx hyperframes add vfx-portal` |
|
||||
|
||||
@@ -1017,18 +1017,6 @@
|
||||
"href": "/catalog/blocks/vfx-liquid-background",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/vfx-liquid-background.png"
|
||||
},
|
||||
{
|
||||
"name": "vfx-liquid-glass",
|
||||
"type": "block",
|
||||
"title": "Liquid Glass",
|
||||
"description": "VFX composition block",
|
||||
"tags": [
|
||||
"html-in-canvas",
|
||||
"webgl"
|
||||
],
|
||||
"href": "/catalog/blocks/vfx-liquid-glass",
|
||||
"preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/vfx-liquid-glass.png"
|
||||
},
|
||||
{
|
||||
"name": "vfx-magnetic",
|
||||
"type": "block",
|
||||
|
||||
@@ -339,10 +339,6 @@
|
||||
"name": "vfx-portal",
|
||||
"type": "hyperframes:block"
|
||||
},
|
||||
{
|
||||
"name": "vfx-liquid-glass",
|
||||
"type": "hyperframes:block"
|
||||
},
|
||||
{
|
||||
"name": "liquid-glass-notification",
|
||||
"type": "hyperframes:block"
|
||||
|
||||
Reference in New Issue
Block a user