Theme
Start building — free

Pane Glass — launch film.

A launch film for a fictional glass design system. Thick frosted-glass slabs carrying live UI (toggle, slider, chart, avatars) are dealt from a deck, then a glass lens glides over kinetic words, bending them with real per-channel refraction. The slabs snap into a perfect 3×3 grid, one glass click per eighth note, and "Pane" slams into the centre on the final chord. Every slab is a custom three.js shader that refracts and frosts everything already drawn behind it, so glass seen through glass blurs correctly.

by vividsites StudioLaunch film1:113 sHyperFramesGSAPthree.jsWebGL shadersCanvasMusic in code
Download MP4
1080 × 1080 · 30 fps · 13 s · SquareRendered from the composition in the Code tab
Prompt · paste into Claude Code with HyperFrames

A 13-second square launch film for a fictional glass design system: thick frosted-glass slabs carrying live UI refract a vivid gradient, then snap into a grid one glass click at a time, with a 112 BPM score written in code.

More motion

More motion, each with its prompt.

All 52