ActiveAnimated components5
@soonish
Animated components · MIT · data updated 2026-10-10
91 loading animations for React, each on a 5×5 grid of dots, animated with plain CSS. Server Component-ready.
animationbuttonsloadersmarketingonboardingpayments
Install
npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/registry.jsonHealth
StatusActive
Last commit4 days ago
LicenseMIT
Open issues0
ArchivedNo
Stars5
Components (92)
soonishsweepdiagonalripplerainspiralsnakesparkleheartbeatscannerorbitbreathecheckerstripesfallingplasmaloadbarknight-tourvortexsine-wavelifequadrantscrossfadeglidermatrixpongconcentrictwin-spiralsthinkingsearchingfindingconsolidatingstreamingreasoningindexingconnectinggeneratingreflectingscale-ripplescale-wavescale-diagscale-popscale-ringscale-checktwistsquashjellypop-rotateskewheartbeat-scaledropburstspiral-scalezigzagroundsquare-mandaladiamond-mandalacrossx-diagonalstar-burst
Components: soonish, sweep, diagonal, ripple, rain, spiral, snake, sparkle, heartbeat, scanner, orbit, breathe, checker, stripes, falling, plasma, loadbar, knight-tour, vortex, sine-wave, life, quadrants, crossfade, glider, matrix, pong, concentric, twin-spirals, thinking, searching, finding, consolidating, streaming, reasoning, indexing, connecting, generating, reflecting, scale-ripple, scale-wave, scale-diag, scale-pop, scale-ring, scale-check, twist, squash, jelly, pop-rotate, skew, heartbeat-scale, drop, burst, spiral-scale, zigzag, round, square-mandala, diamond-mandala, cross, x-diagonal, star-burst, petal, snowflake, gear, kaleido, spiral-mandala, pulse-square, check-mandala, octagon, lotus, outline, rings, rose, neon-drift, core-spiral, twin-orbit, prism-sweep, flux-columns, echo-ring, origin-wave, sonar, pinwheel, domino, corners, frame, front-sweep, ripple-echo, pulse-beat, lumen-bloom, raindrop, pendulum, firefly, haloPreview
Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.
@soonish · soonish
npx shadcn@latest add https://soonish.rushikeshmahajan.com/r/soonish.jsonView source