A two-shot logo reveal in WebGL 2: a liquid glass lens swells over your symbol, then rolls across your wordmark, splitting light into colour at its rim.
About this tool
A short logo reveal rendered live in WebGL 2 from your own marks. In the first shot a round bubble grows over the symbol, squares off into a lens with a flat top and a steep rim that smears its edges into colour, then the symbol falls away into the dark. In the second a small orb widens into a long, low lens across the wordmark, bends its ends outward, sends ripples off its rim and settles flat on the finished logo. Every pixel is refracted through the lens at twelve wavelengths, so the colour fringes come from the optics rather than a filter, with a studio reflection on the glass, motion blur, bloom and a film grade on top. Load an SVG or image for each shot; the visible bounds are fitted to the frame and the mark is read as light whether it is drawn in white, black or colour. Logo colour, background, speed, end hold, loop or single play, bulge, colour split, reflections and glow are editable. Quality steps down on slow devices, rendering pauses off screen and in hidden tabs, reduced motion shows the final frame, and browsers without WebGL 2 get a still logo instead of a broken canvas. The export is one HTML file, or a Svelte or React component.
Effect · HTML / WebGL · All tools