Retro Effect

Gradients through dots

A grid of shapes sized by brightness. Circles, squares, or diamonds—each dot pulses with your gradient's color, creating an LED display aesthetic.

ThinkThinkstadiumstadiumscoreboards,scoreboards,vintagevintageLEDLEDsigns,signs,arcadearcademarquees.marquees.AAgridgridofofilluminatedilluminateddotsdotswherewhereeacheachone'sone'ssizesizecarriescarriesbrightnessbrightnessdata.data.ThatThatpixelatedpixelatedwarmthwarmthtranslatestranslatesbeautifullybeautifullytotoanimatedanimatedgradients.gradients.

Shape Grid

Dots sized by
brightness.

Choose circles, squares, or diamonds. Each shape in the grid scales with the gradient's brightness—bright areas pulse with larger dots, shadows shrink to pinpoints.

Add perspective for 3D depth. Control density for fine pixels or chunky blocks. Enable texture for organic, eroded edges. The grid animates with your gradient.

Shapes

Circle, Square, Diamond

Density

10–150 dots

Perspective

3D tilt depth

Like a stadium scoreboard

Visible Resolution

The beauty of pixels you can see.

Before screens had millions of dots, each pixel was precious. Dot matrix celebrates that constraint.

There'sThere'ssomethingsomethingmagicalmagicalaboutaboutvisiblevisiblepixels.pixels.StadiumStadiumboards,boards,retroretrodisplays,displays,arcadearcadecabinets.cabinets.WhenWhenyouyoucancanseeseethetheindividualindividualdots,dots,thethewholewholeimageimagefeelsfeelsmoremorealive—morealive—morehonesthonestaboutaboutwhatwhatititis.is.

Pixel Grid

Every dot has its place.

Size

2-50px

Angle

0-360

Shape

3 types

Every dot,
a pixel of color.

Transform any gradient into a pixelated grid of color. Circles, squares, diamonds—your choice. Open the editor.

Free tier available•Export to PNG, SVG, CSS, GIF, MP4•No watermarks at $8/mo
Dot Matrix