@dotmatrix
Niche/single-purpose · data updated 2026-07-28
Dotmatrix is a focused shadcn registry of dot-matrix-style loading animations for React. Components are organized in a single Next.js app with loaders available in three geometric shapes — square, circular, and triangle — each with polished motion. Install via npx shadcn add from the public registry or copy-paste from the docs site. The project also exposes a public/r/registry.json for tooling discovery. Free and open source. Use for: adding a retro, high-contrast dot-matrix loading indicator to any React/Next.js app where a visually distinctive spinner is preferred over a generic spinner or skeleton.
Install
npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/registry.jsonHealth
Components (91)
Preview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@dotmatrix · dotm-square-1
npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-1.jsonView source