macOS Tahoe Liquid Glass Desktop

Live preview needs the chrome://flags/#canvas-draw-element flag switched on. Without it this item’s screen renders black. Rendering from the CLI switches it on for you. How it works

Add it to your video

It runs for 15 seconds at 1920×1080. Paste this into your composition:

index.html

<div
  data-composition-id="macos-tahoe-liquid-glass"
  data-composition-src="compositions/macos-tahoe-liquid-glass.html"
  data-start="0"
  data-duration="15"
  data-track-index="1"
  data-width="1920"
  data-height="1080"
></div>

Move it in time with data-start. Put it on a different timeline row with data-track-index. See data attributes for the rest.Tagged html-in-canvas 3d macos tahoe gltf.

Catalog

macOS Tahoe Liquid Glass Desktop

Add it to your video

Related topics