Glyphstream

GlyphStream renders any video or image as a live stream of ASCII characters, drawn on a canvas that sizes itself to wherever you place it. Videos play in real time as moving fields of glyphs; still images come alive with a shimmer or a character-by-character reveal. Every setting lives in the Framer property panel, so you shape the entire look without touching code.

Features:

• Video and image in one component. Drop in a clip or a still and GlyphStream detects which it is automatically. No mode switch to set.

• Real-time video conversion. Footage is re-sampled to ASCII every frame, with an adjustable frame rate so you can trade smoothness for performance.

• Two animation styles for stills. A subtle Shimmer that ripples glyphs over time, or a Reveal that builds the image character by character on load. Turn animation off for a clean static render.

• Monochrome or sampled color. Render in a single glyph color, or let each glyph take the color of the pixel beneath it.

• Your own character set. Define the glyph ramp from dark to light to dial in anything from dense blocks to airy dot patterns.

• Full tonal control. Cell size, contrast, invert, a dark cutoff to keep backgrounds clean, and an opacity floor for the faintest glyphs.

• Theme aware. Bind glyph and background to your Framer color styles and it tracks light and dark automatically.

• Smart playback. Choose In View, Hover, or Always. In View and Hover pause off-screen to save battery, and Hover falls back to In View on touch devices.

• Built to behave. Respects reduced-motion preferences, paints one clean frame on the canvas and in exports instead of thrashing the editor, and caps its grid so heavy sources stay smooth.

• Panel-driven, no UI. Nothing renders over the art. All controls sit in Framer's right panel.