DotOS · Component

Dot-Matrix Loader

One loading mark for the whole product — the panel of pixels, mid-boot. Drawn from @dotmatrix/dotm-square-3, dressed in AuraDot monochrome.

Pattern
Dot shape
Speed · 1.30×
01 · Patterns
full
diamond
outline
rings
cross
rose
02 · States
Inline · button

Tiny inline mark for async actions.

Block · Suspense
Loading

Drop-in fallback for streamed sections.

Full-screen · boot

<LoadingOverlay/> — dot field, mark, progress sweep.

03 · Image loader · img-fx
Rendering

A loader that becomes the product.

The same pixel-mosaic language, now a real-time shader: the grid resolves into the AuraDot render, then dissolves and reveals the next. img-fx, monochrome pixels-mechanic preset.

npx shadcn@latest add @dotmatrix/dotm-square-3
npm install img-fx