Dot Matrix
Dot Matrix is a React component library of dot matrix loaders—expressive loading primitives you install via the shadcn registry and own as local code.
Dot Matrix is Shawn Dsilva's open-source set of 55+ loading animations drawn as grids of dots, built with React, TypeScript and Tailwind CSS and installed one at a time from the shadcn registry. The collection stays deliberately narrow, loaders only and no wider design system, so each one can take on a product's spacing, colour and motion tokens. Open it when a loading state should look intentional rather than like a default spinner.
- Type
- Library
- Category
- shadcn registries, Component libraries, Loaders & spinners
- Patterns
- Loading
- Added
- Sep 29, 2026
- People
- Shawn Dsilva
