Glyphstream turns any video into live, animated ASCII art, rendered in real time in the browser. It isn't a one-off effect or a static export. It's a drop-in Framer component you can place on any site, feed any clip, and reuse anywhere.
The centerpiece is a draggable before/after reveal. The original video sits on one side, the live ASCII rendering on the other, and you drag a handle to wipe between them. Both sides run off the same video element, so you're watching one clip become ASCII in real time as you drag, not comparing two files.
Features
Two render modes: Monochrome, where opacity tracks luminance for depth, and Sampled, where each glyph takes the underlying pixel color so the subject pops.
A live on-screen panel for color mode, glyph color, detail, and invert, applied without restarting playback.
Runtime upload: visitors drop in their own clip and see it convert instantly.
PNG frame export, plus contrast and depth controls.
Built like a production component
Fully self-contained and reusable. The site's gallery is six instances of the same component, each on a different clip.
Performance-disciplined: capped frame rate, grid-resolution sampling, reused canvas contexts, and a coordinator that lets only one instance animate at a time, so a page of them stays smooth.
Playback modes (always-on, hover, in-view) with off-screen pausing and a mobile touch fallback.
Theme-aware, responsive across breakpoints, and respects reduced-motion.
Why it helps The ASCII and terminal aesthetic is everywhere in tech branding, but it's almost always faked with static images. Glyphstream makes it live and interactive. A designer drops it into Framer, points it at a video, and gets a real-time effect visitors can play with, no code required. It turns a motion-design task into a reusable building block.
Glyphstream turns any video into live, animated ASCII art, rendered in real time in the browser. It isn't a one-off effect or a static export. It's a drop-in Framer component you can place on any site, feed any clip, and reuse anywhere.
The centerpiece is a draggable before/after reveal. The original video sits on one side, the live ASCII rendering on the other, and you drag a handle to wipe between them. Both sides run off the same video element, so you're watching one clip become ASCII in real time as you drag, not comparing two files.
Features
Two render modes: Monochrome, where opacity tracks luminance for depth, and Sampled, where each glyph takes the underlying pixel color so the subject pops.
A live on-screen panel for color mode, glyph color, detail, and invert, applied without restarting playback.
Runtime upload: visitors drop in their own clip and see it convert instantly.
PNG frame export, plus contrast and depth controls.
Built like a production component
Fully self-contained and reusable. The site's gallery is six instances of the same component, each on a different clip.
Performance-disciplined: capped frame rate, grid-resolution sampling, reused canvas contexts, and a coordinator that lets only one instance animate at a time, so a page of them stays smooth.
Playback modes (always-on, hover, in-view) with off-screen pausing and a mobile touch fallback.
Theme-aware, responsive across breakpoints, and respects reduced-motion.
Why it helps The ASCII and terminal aesthetic is everywhere in tech branding, but it's almost always faked with static images. Glyphstream makes it live and interactive. A designer drops it into Framer, points it at a video, and gets a real-time effect visitors can play with, no code required. It turns a motion-design task into a reusable building block.
Henay Lakhwani