---
name: "@dotmatrix"
slug: "dotmatrix"
description: "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."
category: "Niche/single-purpose"
tags: ["aesthetic", "animation", "cms", "loaders", "maps", "mobile", "retro"]
framework: "react"
license: null
author: "zzzzshawn"
website: "https://dotmatrix.zzzzshawn.cloud"
github: "https://github.com/zzzzshawn/matrix"
registry: "https://dotmatrix.zzzzshawn.cloud/r/registry.json"
pro: false
pro_url: null
github_stars: 485
component_count: 91
generated_at: "2026-07-28T08:00:50.948Z"
---

# @dotmatrix

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.

## Links

- Website: https://dotmatrix.zzzzshawn.cloud
- GitHub: https://github.com/zzzzshawn/matrix
- Registry JSON: https://dotmatrix.zzzzshawn.cloud/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/dotmatrix
- This file: https://sh4dcn.vercel.app/md/dotmatrix.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/registry.json
pnpm dlx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/registry.json
bunx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/registry.json
# clone the source repo
git clone https://github.com/zzzzshawn/matrix.git
# fetch the raw registry index
curl -s https://dotmatrix.zzzzshawn.cloud/r/registry.json
```

## Components (91)

| name | type | description | install |
| --- | --- | --- | --- |
| dotm-square-1 | registry:ui | Same ripple family as the icon, with a wave that sweeps from the top-right toward the bottom-left. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-1.json` |
| dotm-square-2 | registry:ui | Clockwise snake route: starts bottom-left up column 1, jumps to column 3 down, then column 2 up, and continues the same cycle to the right. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-2.json` |
| dotm-square-3 | registry:ui | A 4-dot tail spirals clockwise from the outer border toward the center of the 5x5 grid. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-3.json` |
| dotm-square-4 | registry:ui | Outer ring snake moves clockwise, middle ring snake moves anticlockwise, and the center dot stays inactive. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-4.json` |
| dotm-square-5 | registry:ui | Snake-style trail that traverses the 5x5 grid on alternating diagonals. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-5.json` |
| dotm-square-6 | registry:ui | Five simultaneous snakes: columns 1/3/5 move up while columns 2/4 move down. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-6.json` |
| dotm-square-7 | registry:ui | Tetromino-like frames drop and stack in a 5x5 matrix, then flash a row-clear beat. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-7.json` |
| dotm-square-8 | registry:ui | Each column stacks upward on a stagger (Tetris-style), the full grid blinks twice, then columns drain downward with the same stagger. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-8.json` |
| dotm-square-9 | registry:ui | Two synced 2×3 cells (Unicode dot order) step through clear motifs: rails, full grid, three rows, checker, horseshoes, and alternating columns. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-9.json` |
| dotm-square-10 | registry:ui | A CRT-style horizontal scanline moves down the matrix; swept rows leave a soft phosphor trail with a slight column-wise warp. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-10.json` |
| dotm-square-11 | registry:ui | Concentric diamond ripple with a soft secondary echo pulse per ring. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-11.json` |
| dotm-square-12 | registry:ui | Ripple starts at cell (2,2) and expands outward in concentric rings. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-12.json` |
| dotm-square-13 | registry:ui | Single fan blade rotating around a center hub for a clean, readable loop. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-13.json` |
| dotm-square-14 | registry:ui | A symmetric kaleidoscope bloom cycling through clean radial motifs. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-14.json` |
| dotm-square-15 | registry:ui | Two mirrored strands with periodic bridges pulse like a compact DNA helix. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-15.json` |
| dotm-square-16 | registry:ui | A narrower helix variant that stays in the center band while preserving strand/rung rhythm. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-16.json` |
| dotm-square-17 | registry:ui | Single-strand helix variant that shows one side of the DNA wave. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-17.json` |
| dotm-square-18 | registry:ui | Equalizer-style vertical bars that pulse like live music levels. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-18.json` |
| dotm-square-19 | registry:ui | Dual counter-rotating heads trace a figure-eight with a soft crossover pulse at center. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-19.json` |
| dotm-square-20 | registry:ui | A bright head and tail run around the outer ring; a dimmer second train stays half a lap behind, with inner corner flashes for the twist. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-square-20.json` |
| dotm-circular-1 | registry:ui | A circular-masked half-helix that travels diagonally from top-left to bottom-right with a bright strand and soft adjacent trail. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-1.json` |
| dotm-circular-2 | registry:ui | Three luminous heads orbit the circular ring at equal offsets, creating a triad chase that never overlaps into the old snake rhythm. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-2.json` |
| dotm-circular-3 | registry:ui | A plasma-like diagonal sweep and pulsing core weave through the circular mask for a distinctly different motion signature. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-3.json` |
| dotm-circular-4 | registry:ui | A rotating radar arm scans the circular grid with a bright beam front, soft wake, and faint perimeter ring echo. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-4.json` |
| dotm-circular-5 | registry:ui | Four rotating pinwheel blades spin through the circular matrix with a glowing center and soft trailing halo. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-5.json` |
| dotm-circular-6 | registry:ui | An off-center orbiting energy point traces a phase-shifted loop, creating a drifting orbital glow inside the circular matrix. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-6.json` |
| dotm-circular-7 | registry:ui | A scanning gate flips between vertical and horizontal sweeps, producing a crisp alternating shutter rhythm in the circular grid. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-7.json` |
| dotm-circular-8 | registry:ui | Pulse bursts from the center with a dual-beat cadence, sending soft concentric pressure waves across the circular matrix. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-8.json` |
| dotm-circular-9 | registry:ui | A cardinal beacon pattern: N/E/S/W sectors pulse in sequence with a dim opposite echo, creating a clear directional rhythm in the circular mask. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-9.json` |
| dotm-circular-10 | registry:ui | Binary-style opacity tiers pulse in modular steps so only a few cells peak at once while others stay low, producing a crisp coded bloom. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-10.json` |
| dotm-circular-11 | registry:ui | A rotating crescent moon silhouette: bright lunar body, soft rim, and faint directional halo moving around the circular mask. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-11.json` |
| dotm-circular-12 | registry:ui | A stepped 8-direction beacon beam sweeps around the circle with a dim opposite echo and diagonal spoke accents. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-12.json` |
| dotm-circular-13 | registry:ui | A circular-masked twin-helix: mirrored side strands weave inward and outward with intermittent interior bridge pulses. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-13.json` |
| dotm-circular-14 | registry:ui | A shifting DNA ladder where a bright horizontal rung steps row-by-row while side anchors sway and leave soft ghost echoes. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-14.json` |
| dotm-circular-15 | registry:ui | Braille-inspired grouped dot motifs cycle through rails, bridges, and cross forms inside the circular mask with crisp tiered opacity. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-15.json` |
| dotm-circular-16 | registry:ui | A braille rail scanline sweeps row-by-row between left and right cells, with near-column accents and soft trail falloff. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-16.json` |
| dotm-circular-17 | registry:ui | Braille-biased checker phases alternate in stepped shifts, keeping rails pronounced while the center cross supports readability. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-17.json` |
| dotm-circular-18 | registry:ui | Mirrored braille dot pairs pulse from top and bottom toward the center, with a connective center-column accent. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-18.json` |
| dotm-circular-19 | registry:ui | A bright braille cell head orbits the inner ring with a dim tail while rail columns remain softly active. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-19.json` |
| dotm-circular-20 | registry:ui | Distinct braille-like glyphs cycle in sequence with previous-frame ghosting for a crisp readable symbol transition. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-20.json` |
| dotm-triangle-1 | registry:ui | A triangle-masked matrix where three spoke lines originate at the center and travel outward to each triangle edge. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-1.json` |
| dotm-triangle-2 | registry:ui | A soft altitude wave travels between apex and base while the center column remains gently present for shape readability. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-2.json` |
| dotm-triangle-3 | registry:ui | A single head bounces between triangle corners along the perimeter path with a short fading tail. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-3.json` |
| dotm-triangle-4 | registry:ui | Three staggered heads chase around the triangle perimeter, leaving short fading tails while all dots stay fixed in place. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-4.json` |
| dotm-triangle-5 | registry:ui | A reflected scanline sweeps from apex to base and back, animating only opacity bands across triangle rows. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-5.json` |
| dotm-triangle-6 | registry:ui | Triangle-masked braille dots fill down the left rail, then the right, then blink full and empty. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-6.json` |
| dotm-triangle-7 | registry:ui | Diagonal harmonics keyed on row + col: bright bands glide along oblique lines through the triangle with a subtle second harmonic for texture. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-7.json` |
| dotm-triangle-8 | registry:ui | The lower triangle splits into left and right wings that trade emphasis on a pendulum beat; apex and center pulse brightest when both sides meet in the middle. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-8.json` |
| dotm-triangle-9 | registry:ui | Eight-connected distance rings from the heart cell: a bright corona sweeps outward through discrete tiers then back, so depth reads as concentric energy shells. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-9.json` |
| dotm-triangle-10 | registry:ui | A stepped head and tail snake the mask in strict column order (bottom to top per column, columns left to right), unlike perimeter chases or diagonal waves. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-10.json` |
| dotm-triangle-11 | registry:ui | Cosine bands keyed on Manhattan distance from the apex (not the center): energy reads as horizontal tiers dropping through the triangle. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-11.json` |
| dotm-triangle-12 | registry:ui | Traveling harmonics on `row - col` so bright ridges move along NE–SW obliques, orthogonal in feel to diagonal loaders that use `row + col`. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-12.json` |
| dotm-triangle-13 | registry:ui | A stepped snake follows row-wise serpentine order (base left→right, then alternating row directions) with a long tail — zigzag motion, not a column path. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-13.json` |
| dotm-triangle-14 | registry:ui | A smooth vertical beam sweeps grid columns 0→6; only triangle-masked dots respond so the silhouette lights one vertical slice at a time. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-14.json` |
| dotm-triangle-15 | registry:ui | Brightness hands off smoothly among the three silhouette vertices (apex, left base, right base) with Manhattan falloff — a corner-to-corner orbit, not a mod-3 … | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-15.json` |
| dotm-triangle-16 | registry:ui | A V-shaped thermal ridge moves through row-and-column space: brightness peaks along an inverted V so the front climbs the two lower flanks toward the apex, not… | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-16.json` |
| dotm-triangle-17 | registry:ui | A stepped head and tail follow a single 10-cell path: left base up to the apex, down the right rim, then through (4,4) → center → (4,2) for a crossing loop. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-17.json` |
| dotm-triangle-18 | registry:ui | The heart cell stays locked dim while every other triangle dot breathes together in phase — a hollow, ring-like pulse. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-18.json` |
| dotm-triangle-19 | registry:ui | A Gaussian wedge of brightness rotates around the heart cell using each dot’s polar angle — a clear pivoting searchlight, not a cosine-product moiré field. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-19.json` |
| dotm-triangle-20 | registry:ui | Two stepped heads chase the outer perimeter path half a lap apart, each with its own tail; the heart cell stays quietly dim off the loop. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-20.json` |
| dotm-hex-1 | registry:ui | A 3-4-5-4-3 hexagonal dot field with two soft perimeter heads chasing around the shell while the center stays quietly lit. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-1.json` |
| dotm-hex-2 | registry:ui | Three rotating spokes sweep through the hex field with a soft outer shell pulse and a breathing center point. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-2.json` |
| dotm-hex-3 | registry:ui | Two diagonal bands slide through the honeycomb from opposite sides, meeting in a bright center flash before opening again. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-3.json` |
| dotm-hex-4 | registry:ui | A bright signal hands off around the hex vertices while inner echo dots answer each corner and the center keeps a quick pulse. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-4.json` |
| dotm-hex-5 | registry:ui | Counter-rotating spiral waves cross through the hex lattice, creating a fast core pulse and softer outer wake. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-5.json` |
| dotm-hex-6 | registry:ui | Smooth chevron bands flow through the hex field in a wrapped loop, keeping an obvious arrow pattern without a reset snap. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-6.json` |
| dotm-hex-7 | registry:ui | Top and bottom bars squeeze into a bright center hourglass, then flip into side rails and a diamond. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-7.json` |
| dotm-hex-8 | registry:ui | Crisp symbolic masks flip between stars, chevrons, and rails for a snappy pixel-glyph loader. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-8.json` |
| dotm-hex-9 | registry:ui | A four-petal highlight rotates through the hex with a soft shell sheen and steady center glow. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-9.json` |
| dotm-hex-10 | registry:ui | Refined swirl bands and a slower lens highlight create a smoother liquid shimmer through the hex lattice. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-hex-10.json` |
| dotm-3x3-1 | registry:ui | A compact 3×3 grid with a four-dot tail spiraling clockwise from the outer border toward the center. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-1.json` |
| dotm-3x3-2 | registry:ui | Diagonal bands pulse in sequence across the 3×3 grid from the top-right corner toward the bottom-left. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-2.json` |
| dotm-3x3-3 | registry:ui | Diagonal bands pulse in sequence across the 3×3 grid from the top-left corner toward the bottom-right. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-3.json` |
| dotm-3x3-4 | registry:ui | Diagonal bands pulse in sequence across the 3×3 grid from the bottom-right corner toward the top-left. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-4.json` |
| dotm-3x3-5 | registry:ui | Diagonal bands pulse in sequence across the 3×3 grid from the bottom-left corner toward the top-right. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-5.json` |
| dotm-3x3-6 | registry:ui | Manhattan rings ripple outward from the center cell, expanding through the 3×3 grid in even steps. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-6.json` |
| dotm-3x3-7 | registry:ui | Vertical bands pulse in sequence from the left column through the right, lighting all three rows in each column together. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-7.json` |
| dotm-3x3-8 | registry:ui | Horizontal bands pulse in sequence from the top row down through the bottom of the 3×3 matrix. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-8.json` |
| dotm-3x3-9 | registry:ui | A narrow pulse travels the full serpentine path across all nine cells, row by row. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-9.json` |
| dotm-3x3-10 | registry:ui | A highlight runs clockwise around the outer frame while the center cell holds a steady pulse. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-10.json` |
| dotm-3x3-11 | registry:ui | Bold symbol motifs flash in sequence — corners, cross, full grid, center, ring, X, and side rails — like a tiny pixel display. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-11.json` |
| dotm-3x3-12 | registry:ui | Concentric ripples expand from the center of the 3×3 grid, like a stone dropped in still water. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-12.json` |
| dotm-3x3-13 | registry:ui | A vertical wave pulse sweeps from the right column toward the left, illuminating every row in each band together. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-13.json` |
| dotm-3x3-14 | registry:ui | A bright comet with a two-dot tail races clockwise around the outer frame while the center cell softly breathes. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-14.json` |
| dotm-3x3-15 | registry:ui | Soft square ripples echo outward from the center through Manhattan rings, with a gentle alternating shimmer. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-15.json` |
| dotm-3x3-16 | registry:ui | A pixel smiley face rotates continuously in the 3×3 grid. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-16.json` |
| dotm-3x3-18 | registry:ui | A pixel checkmark rotates continuously in the 3×3 grid. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-18.json` |
| dotm-3x3-19 | registry:ui | A pixel right arrow rotates continuously in the 3×3 grid. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-19.json` |
| dotm-3x3-20 | registry:ui | An L-shaped pixel corner rotates continuously in the 3×3 grid. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-20.json` |
| dotm-3x3-21 | registry:ui | A pixel play triangle rotates continuously in the 3×3 grid. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/dotm-3x3-21.json` |
| all | registry:ui | Installs every Dot Matrix loader and shared runtime files in one command. | `npx shadcn@latest add https://dotmatrix.zzzzshawn.cloud/r/all.json` |

## For AI agents

```text
You are adding components from @dotmatrix to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/dotmatrix.md) for the component list.
2. Fetch the machine-readable index: https://dotmatrix.zzzzshawn.cloud/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: dotmatrix).
```