GlyphStream

Five generative ASCII art algorithms for the browser. Each a living system — every render unique.

⚡ Explore Components ⭐ GitHub Smoke Test

Components

Framework Deps

∞

Unique Renders

MIT

License

Built with pretext for precise text measurement. Every component is a single, self-contained generative algorithm — seed it, start it, watch it breathe.

Components

〰️ ASCII Flow Field

Perlin noise flow field rendered as ASCII. Particles follow vector forces, accumulating into organic density maps.

Generative Open demo →

𝐀 ASCII Typography

Variable font weights × styles as ASCII art. Particle-driven brightness field with proportional and monospace comparison.

Typography Open demo →

🖱️ ASCII Reactive

Interactive ASCII art — mouse, click, scroll, or audio input. Paint with characters in real-time.

Interactive Open demo →

🌅 ASCII Ambient

Slow, meditative ASCII art that breathes and drifts. A living background for focus and calm.

Ambient Open demo →

🎭 ASCII Face Generator

Procedurally generated talking faces. Random gender, features, and accessories.

Generative Open demo →

Quick Start

Clone the repo

npm install

npm run dev

Open localhost

// Import any component and start rendering:

      import { AsciiFlowField } from './src/components/ascii-flow-field'

      const art = new AsciiFlowField('#container', {
      cols: 80,
      rows: 40,
      particleCount: 600,
      noiseScale: 0.005,
      colorMode: 'gradient',
      palette: ['#c4a35a', '#8b6914'],
      seed: 42,
      })

      art.start()
      art.setPreset('turbulent')
      art.regenerate(123) // new seed, new art
    