---
title: "Glyphstream — Free Framer component · Best of Framer"
description: "Free Framer component · by Henay Lakhwani · Effects. 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."
canonical: "https://framer.elliotli.dev/component/glyphstream"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Glyphstream

# Glyphstream

Real-time ASCII art from any media

[View on Framer](https://framer.com/marketplace/components/glyphstream/?via=elliot-li)

![Glyphstream preview image 1](https://framer.elliotli.dev/og/component/glyphstream/608533fdf2dcaaec/1600x1195.jpg)

## Summary

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.

## Description

**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.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6436

## Details

- **Author**: Henay Lakhwani
- **Published**: 2026-06-22
- **Updated**: 2026-06-22
- **Added**: 2026-06-22
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo
