A two-shot logo reveal drawn in ASCII type: a liquid lens swells over your symbol and rolls across your wordmark, bending the characters, until the type decodes into the clean logo.
About this tool
A short logo reveal rendered live in WebGL 2 from your own marks, drawn as a grid of ASCII characters. Every cell picks the character whose shape fits the logo under it, so edges, curves and corners read in the type instead of a blur of brightness. In the first shot a liquid lens swells over the symbol and bends the type into colour at its rim; in the second it widens across the wordmark, the dotted floor fades out and the characters decode into the finished logo. Up to four short words sit in the corners and scramble in with the type. Load an SVG or image for each shot; the visible bounds are fitted to the frame. Rows, shape contrast, floor dots, corner words, 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.
In collections: ASCII Art: Image to ASCII Effects and Buttons
Effect · HTML / WebGL · All tools