Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:blockSelf-contained

Dot Matrix Loader

loader-dot-matrix

A grid of dots with ripple, wave, and cascade animation effects

@elementsRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Dot grid loader with configurable rows, columns, dot size, and animation patterns (ripple, wave, rain). CSS-only animations with computed stagger delays.
@elements

More from @elements

All 40 items
GitHub Star Button
github-star-button
Block
JSON Viewer
json-viewer
Component
CLI Spinner Loader
loader-cli-spinner
Block
Glitch Text Loader
loader-glitch-text
Block
Morphing Blob Loader
loader-morphing-blob
Block
Terminal Decode Loader
loader-terminal-decode
Block
AI Response Actions
response-actions
Component
AI Streaming Text
streaming-text
Component