Color

ASCII Grid Animation – Live Background

A scrolling lattice of +, | and - characters, like a retro synthwave floor or blueprint. Fullscreen, PNG or animated HTML download.

About the Grid effect

Grid draws a lattice of lines every eight cells, using | for vertical lines, - for horizontal lines and + where they cross. At a steady interval the whole lattice shifts one cell diagonally, so the pattern scrolls steadily toward the top left in a seamless loop. The stepping motion is deliberate: it moves in whole characters, the way a real text terminal would, which gives it a crisp, mechanical rhythm instead of a smooth glide. The effect evokes blueprint paper, old vector-display games and the neon floor of synthwave artwork, especially in cyan or pink. Because the grid is sparse and regular, text placed on top stays perfectly readable, so it is a good default for documentation sites, technical slides and developer tool landing pages. Increase the font size for a chunkier lattice on large screens.

Ideas for using Grid

  • Background for technical slides, docs or API landing pages
  • Synthwave or retro-futurist poster and album art (PNG export)
  • Subtle animated backdrop for a portfolio grid of projects

Download as wallpaper

Pick a size for your Grid wallpaper, or compare every effect on the ASCII wallpapers page.

Export formats, keyboard shortcuts and embedding work the same for every effect: see the backgrounds guide.

Frequently asked questions

Why does the grid move in steps?

The offset advances one whole character at a time, like scrolling in a real terminal. Lower the speed to make the steps less frequent.

Can I change the grid spacing?

The lattice is fixed at eight cells, but changing the font size changes how large each cell is on screen, which scales the grid.