Dot Matrix Display

Why you’ll love it True pixel look: crisp squares (or rounded dots) Full Framer controls: tweak text, speed, columns and colors live in the canvas.

Why you’ll love it True pixel look: crisp squares (or rounded dots) Full Framer controls: tweak text, speed, columns and colors live in the canvas. Marquee-ready: looped scrolling animation while hover or always running Small, self-contained, zero-deps canvas renderer: fast for prototypes and production. Key features Pixel-perfect dot-matrix glyphs (A–Z, 0–9, hyphen, space) built-in. Configurable columns, cell width & height, horizontal & vertical gaps. Grid/background color + foreground (text) color. Adjustable animation speed (ms). Efficient render loop using requestAnimationFrame. Framer property controls for live editing in the Canvas. Lightweight: no external dependencies.