Dot Matrix

Dot Matrix is a library of dot matrix loaders built with React, TypeScript, and Tailwind CSS, from Neon Drift and Pulse Ladder to Helix Glow, Radar Arc, and Hourglass Flip. The home grid previews every loader at once and recolors them all with presets such as Mint, Sunset, Ocean, Neon, Aurora, Fire, and Prism. Clicking a loader opens its install commands for the shadcn CLI or manual setup, with example props for bloom, opacity, and speed. The Playground adjusts size, dot size, speed, color preset or a custom color, pattern, dot shape, the animated, hover animated, muted, and bloom toggles, and a halo amount, while printing the matching JSX.