Liquid Glass Orb Studio

Design an animated glass sphere and export a transparent PNG, looping WebM or standalone HTML.

Processed on this page. No uploads. Your input is not saved.

Live preview

WebGL2 shader renderer

No input or settings are sent. Rendering stays in this browser.

Preparing live preview…

Background

WebM alpha can vary by browser codec; check the output in your editor.

Fragment shader

Create a glass orb for a web project

Choose a preset, tune the sphere and highlights, then export a transparent PNG for a mockup, a six-second loop for a motion edit or a standalone HTML renderer.

Example and expected result

Example: choose Aurora and keep transparency on. A 1024 px export is a 1024 × 640 PNG with transparent space around the sphere. WebM alpha support depends on the browser codec and editing app.