@soonish

91 loading animations for React, each on a 5×5 grid of dots, animated with plain CSS. Server Component-ready.

92 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://soonish.rushikeshmahajan.com/r/registry.json

bun bunx shadcn@latest add https://soonish.rushikeshmahajan.com/r/registry.json

fetch registry curl -s https://soonish.rushikeshmahajan.com/r/registry.json

Components

92 total

soonish lib

The soonish loader engine: <Loader name="…" /> with all 91 5×5 pixel loaders.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/soonish.json

Sweep loader component

The "sweep" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sweep.json

Diagonal loader component

The "diagonal" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/diagonal.json

Ripple loader component

The "ripple" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/ripple.json

Rain loader component

The "rain" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/rain.json

Spiral loader component

The "spiral" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/spiral.json

Snake loader component

The "snake" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/snake.json

Sparkle loader component

The "sparkle" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sparkle.json

Heartbeat loader component

The "heartbeat" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/heartbeat.json

Scanner loader component

The "scanner" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scanner.json

Orbit loader component

The "orbit" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/orbit.json

Breathe loader component

The "breathe" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/breathe.json

Checker loader component

The "checker" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/checker.json

Stripes loader component

The "stripes" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/stripes.json

Falling loader component

The "falling" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/falling.json

Plasma loader component

The "plasma" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/plasma.json

Loadbar loader component

The "loadbar" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/loadbar.json

KnightTour loader component

The "knight-tour" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/knight-tour.json

Vortex loader component

The "vortex" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/vortex.json

SineWave loader component

The "sine-wave" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sine-wave.json

Life loader component

The "life" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/life.json

Quadrants loader component

The "quadrants" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/quadrants.json

Crossfade loader component

The "crossfade" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/crossfade.json

Glider loader component

The "glider" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/glider.json

Matrix loader component

The "matrix" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/matrix.json

Pong loader component

The "pong" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pong.json

Concentric loader component

The "concentric" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/concentric.json

TwinSpirals loader component

The "twin-spirals" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/twin-spirals.json

Thinking loader component

The "thinking" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/thinking.json

Searching loader component

The "searching" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/searching.json

Finding loader component

The "finding" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/finding.json

Consolidating loader component

The "consolidating" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/consolidating.json

Streaming loader component

The "streaming" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/streaming.json

Reasoning loader component

The "reasoning" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/reasoning.json

Indexing loader component

The "indexing" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/indexing.json

Connecting loader component

The "connecting" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/connecting.json

Generating loader component

The "generating" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/generating.json

Reflecting loader component

The "reflecting" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/reflecting.json

ScaleRipple loader component

The "scale-ripple" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-ripple.json

ScaleWave loader component

The "scale-wave" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-wave.json

ScaleDiag loader component

The "scale-diag" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-diag.json

ScalePop loader component

The "scale-pop" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-pop.json

ScaleRing loader component

The "scale-ring" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-ring.json

ScaleCheck loader component

The "scale-check" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/scale-check.json

Twist loader component

The "twist" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/twist.json

Squash loader component

The "squash" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/squash.json

Jelly loader component

The "jelly" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/jelly.json

PopRotate loader component

The "pop-rotate" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pop-rotate.json

Skew loader component

The "skew" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/skew.json

HeartbeatScale loader component

The "heartbeat-scale" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/heartbeat-scale.json

Drop loader component

The "drop" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/drop.json

Burst loader component

The "burst" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/burst.json

SpiralScale loader component

The "spiral-scale" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/spiral-scale.json

Zigzag loader component

The "zigzag" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/zigzag.json

Round loader component

The "round" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/round.json

SquareMandala loader component

The "square-mandala" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/square-mandala.json

DiamondMandala loader component

The "diamond-mandala" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/diamond-mandala.json

Cross loader component

The "cross" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/cross.json

XDiagonal loader component

The "x-diagonal" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/x-diagonal.json

StarBurst loader component

The "star-burst" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/star-burst.json

Petal loader component

The "petal" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/petal.json

Snowflake loader component

The "snowflake" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/snowflake.json

Gear loader component

The "gear" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/gear.json

Kaleido loader component

The "kaleido" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/kaleido.json

SpiralMandala loader component

The "spiral-mandala" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/spiral-mandala.json

PulseSquare loader component

The "pulse-square" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pulse-square.json

CheckMandala loader component

The "check-mandala" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/check-mandala.json

Octagon loader component

The "octagon" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/octagon.json

Lotus loader component

The "lotus" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/lotus.json

Outline loader component

The "outline" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/outline.json

Rings loader component

The "rings" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/rings.json

Rose loader component

The "rose" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/rose.json

NeonDrift loader component

The "neon-drift" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/neon-drift.json

CoreSpiral loader component

The "core-spiral" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/core-spiral.json

TwinOrbit loader component

The "twin-orbit" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/twin-orbit.json

PrismSweep loader component

The "prism-sweep" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/prism-sweep.json

FluxColumns loader component

The "flux-columns" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/flux-columns.json

EchoRing loader component

The "echo-ring" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/echo-ring.json

OriginWave loader component

The "origin-wave" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/origin-wave.json

Sonar loader component

The "sonar" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/sonar.json

Pinwheel loader component

The "pinwheel" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pinwheel.json

Domino loader component

The "domino" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/domino.json

Corners loader component

The "corners" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/corners.json

Frame loader component

The "frame" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/frame.json

FrontSweep loader component

The "front-sweep" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/front-sweep.json

RippleEcho loader component

The "ripple-echo" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/ripple-echo.json

PulseBeat loader component

The "pulse-beat" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pulse-beat.json

LumenBloom loader component

The "lumen-bloom" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/lumen-bloom.json

Raindrop loader component

The "raindrop" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/raindrop.json

Pendulum loader component

The "pendulum" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/pendulum.json

Firefly loader component

The "firefly" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/firefly.json

Halo loader component

The "halo" 5×5 pixel loader from soonish.

npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/halo.json