ActiveAnimated components3
@atomloader
Animated components · data updated 2026-09-21
Lightweight, customizable CSS-animated atoms loaders for React.
animationblocksglassmorphismloaders
Install
npx shadcn@latest add https://atomloader.roothq.tech/r/registry.jsonHealth
StatusActive
Last commit4 weeks ago
License—
Open issues0
ArchivedNo
Stars3
Components (591)
atom-loaderdot-pulse-loaderdot-duo-orbit-loaderdot-trio-breathe-loaderdot-quad-spin-loaderdot-cross-bounce-loaderdot-linear-cascade-loaderdot-vertical-drip-loaderdot-diagonal-meteor-loaderdot-corner-ping-loaderdot-center-burst-loaderdot-split-merge-loaderdot-snake-3x3-loaderdot-flicker-sparse-loaderdot-magnet-pull-loaderdot-twin-helix-loaderdot-leapfrog-line-loaderdot-vortex-micro-loaderdot-echo-pulse-loaderdot-asym-corner-loaderdot-matrix-scan-loadergrid-full-wave-loadergrid-checker-invert-loadergrid-radial-ripple-loadergrid-cascade-cols-loadergrid-sweep-rows-loadergrid-spiral-traverse-loadergrid-diamond-submatrix-loadergrid-corner-collision-loadergrid-stagger-3x3-loadergrid-glitch-scatter-loadergrid-cross-scan-loadergrid-perimeter-flow-loadergrid-bipolar-pulse-loadergrid-diagonal-split-loadergrid-hollow-cross-loadergrid-snake-zigzag-loadergrid-radar-sweep-loadergrid-checker-ripple-loadergrid-interlace-cols-loadergrid-matrix-rain-loadersquare-perimeter-orbit-loadersquare-dual-chase-loadersquare-quad-corner-loadersquare-concentric-iris-loadersquare-nested-3x3-loadersquare-double-ring-loadersquare-collapse-implode-loadersquare-expand-explode-loadersquare-edge-sweep-loadersquare-opposing-tails-loadersquare-corner-pulse-loadersquare-hollow-wave-loadersquare-cross-fill-loadersquare-diagonal-split-loadersquare-snake-inward-loadersquare-radar-crosshair-loadersquare-checker-corners-loadersquare-leapfrog-edges-loadersquare-asym-notch-loader
Components: atom-loader, dot-pulse-loader, dot-duo-orbit-loader, dot-trio-breathe-loader, dot-quad-spin-loader, dot-cross-bounce-loader, dot-linear-cascade-loader, dot-vertical-drip-loader, dot-diagonal-meteor-loader, dot-corner-ping-loader, dot-center-burst-loader, dot-split-merge-loader, dot-snake-3x3-loader, dot-flicker-sparse-loader, dot-magnet-pull-loader, dot-twin-helix-loader, dot-leapfrog-line-loader, dot-vortex-micro-loader, dot-echo-pulse-loader, dot-asym-corner-loader, dot-matrix-scan-loader, grid-full-wave-loader, grid-checker-invert-loader, grid-radial-ripple-loader, grid-cascade-cols-loader, grid-sweep-rows-loader, grid-spiral-traverse-loader, grid-diamond-submatrix-loader, grid-corner-collision-loader, grid-stagger-3x3-loader, grid-glitch-scatter-loader, grid-cross-scan-loader, grid-perimeter-flow-loader, grid-bipolar-pulse-loader, grid-diagonal-split-loader, grid-hollow-cross-loader, grid-snake-zigzag-loader, grid-radar-sweep-loader, grid-checker-ripple-loader, grid-interlace-cols-loader, grid-matrix-rain-loader, square-perimeter-orbit-loader, square-dual-chase-loader, square-quad-corner-loader, square-concentric-iris-loader, square-nested-3x3-loader, square-double-ring-loader, square-collapse-implode-loader, square-expand-explode-loader, square-edge-sweep-loader, square-opposing-tails-loader, square-corner-pulse-loader, square-hollow-wave-loader, square-cross-fill-loader, square-diagonal-split-loader, square-snake-inward-loader, square-radar-crosshair-loader, square-checker-corners-loader, square-leapfrog-edges-loader, square-asym-notch-loader, square-breathe-solid-loader, square-tunnel-depth-loader, square-stair-drop-loader, square-dna-helix-loader, square-vortex-spin-loader, square-glitch-perimeter-loader, square-echo-burst-loader, square-magnetic-core-loader, square-counter-scan-loader, square-flicker-mesh-loader, square-triple-orbit-loader, circle-orbit-smooth-loader, circle-dual-orbit-opposing-loader, circle-triple-pulse-loader, circle-iris-dilation-loader, circle-radial-burst-loader, circle-imploding-core-loader, circle-compass-scan-loader, circle-wave-crest-loader, circle-eclipse-shadow-loader, circle-split-arcs-loader, circle-dna-orbit-loader, circle-magnet-flux-loader, circle-leapfrog-quad-loader, circle-asym-crescent-loader, circle-vortex-drain-loader, circle-radar-blip-loader, circle-stair-spiral-loader, circle-checker-orbit-loader, circle-flicker-corona-loader, circle-glitch-orbit-loader, circle-harmonic-pulse-loader, circle-snake-tail-loader, circle-triple-concentric-loader, circle-bipolar-flash-loader, circle-quad-quadrant-loader, circle-orbit-handoff-loader, circle-cross-intersection-loader, circle-breathe-subtle-loader, circle-supernova-blast-loader, circle-hourglass-orbit-loader, ring-orbit-single-loader, ring-dual-chase-loader, ring-quad-sync-loader, ring-counter-spin-loader, ring-breathe-glow-loader, ring-staccato-pulse-loader, ring-iris-expand-loader, ring-collapse-center-loader, ring-wave-ripple-loader, ring-flicker-spark-loader, ring-leapfrog-step-loader, ring-snake-segment-loader, ring-radar-sweep-loader, ring-dna-twins-loader, ring-vortex-accelerate-loader, ring-bipolar-flash-loader, ring-glitch-stutter-loader, ring-magnet-attract-loader, ring-checker-alt-loader, ring-supernova-bloom-loader, hex-perimeter-orbit-loader, hex-dual-chase-loader, hex-solid-breathe-loader, hex-radial-burst-loader, hex-implosion-core-loader, hex-wave-traverse-loader, hex-spiral-inward-loader, hex-vertex-pulse-loader, hex-counter-flow-loader, hex-radar-scan-loader, hex-dna-interlace-loader, hex-magnet-pull-loader, hex-leapfrog-hops-loader, hex-iris-dilation-loader, hex-stair-descent-loader, hex-checker-phase-loader, hex-vortex-swirl-loader, hex-glitch-scatter-loader, hex-flicker-sparkle-loader, hex-column-scan-loader, hex-diagonal-meteor-loader, hex-asym-cut-loader, hex-triple-orbit-loader, hex-pulse-ring-loader, hex-supernova-loader, triangle-perimeter-orbit-loader, triangle-dual-chase-loader, triangle-apex-pulse-loader, triangle-solid-breathe-loader, triangle-wave-cascade-loader, triangle-inverted-vortex-loader, triangle-collapse-core-loader, triangle-burst-explode-loader, triangle-counter-flow-loader, triangle-stair-drop-loader, triangle-dna-helix-loader, triangle-snake-perimeter-loader, triangle-radar-sector-loader, triangle-leapfrog-corners-loader, triangle-iris-dilation-loader, triangle-magnet-core-loader, triangle-checker-lattice-loader, triangle-glitch-edge-loader, triangle-flicker-beacon-loader, triangle-triple-apex-loader, triangle-asym-right-loader, triangle-bipolar-flash-loader, triangle-supernova-loader, triangle-column-sweep-loader, triangle-pulse-hollow-loader, diamond-orbit-smooth-loader, diamond-dual-chase-loader, diamond-radial-burst-loader, diamond-solid-breathe-loader, diamond-collapse-core-loader, diamond-wave-ripple-loader, diamond-stair-cascade-loader, diamond-iris-dilation-loader, diamond-vortex-spin-loader, diamond-counter-flow-loader, diamond-magnet-pulse-loader, diamond-leapfrog-hops-loader, diamond-snake-track-loader, diamond-radar-sweep-loader, diamond-dna-helix-loader, diamond-checker-alt-loader, diamond-flicker-gem-loader, diamond-glitch-stutter-loader, diamond-bipolar-flash-loader, diamond-supernova-loader, star-orbit-blaze-loader, star-radial-burst-loader, star-solid-breathe-loader, star-flicker-twinkle-loader, star-vortex-spin-loader, star-collapse-implode-loader, star-stair-cascade-loader, star-radar-sweep-loader, star-glitch-stutter-loader, star-supernova-blast-loader, cross-laser-sweep-loader, cross-radial-burst-loader, cross-imploding-arms-loader, cross-quad-orbit-loader, cross-breathe-glow-loader, plus-diagonal-wave-loader, plus-dual-chase-loader, plus-iris-expansion-loader, plus-magnet-pulse-loader, x-diagonal-chase-loader, x-corner-collision-loader, x-radial-burst-loader, x-dna-twins-loader, x-counterflow-spin-loader, x-vortex-acceleration-loader, cross-leapfrog-step-loader, cross-radar-sweep-loader, cross-stair-cascade-loader, cross-checker-alternate-loader, cross-glitch-stutter-loader, cross-flicker-spark-loader, x-stair-descent-loader, x-snake-track-loader, x-supernova-blast-loader, x-bipolar-flash-loader, flower-petal-bloom-loader, flower-orbit-petal-loader, flower-solid-breathe-loader, flower-vortex-swirl-loader, flower-iris-dilation-loader, flower-counter-spin-loader, flower-flicker-dew-loader, flower-stair-cascade-loader, flower-radar-sweep-loader, flower-glitch-stutter-loader, spiral-inward-vortex-loader, spiral-outward-burst-loader, spiral-dual-galaxy-loader, spiral-vortex-drain-loader, spiral-wave-traverse-loader, spiral-stair-descent-loader, spiral-counter-flow-loader, spiral-dna-helix-loader, spiral-magnet-core-loader, spiral-leapfrog-hop-loader, spiral-radar-blip-loader, spiral-flicker-spark-loader, spiral-glitch-scatter-loader, spiral-breathe-subtle-loader, spiral-bipolar-flash-loader, spiral-supernova-loader, spiral-triple-track-loader, spiral-iris-dilation-loader, spiral-checker-alt-loader, spiral-pulse-core-loader, wave-sine-horizontal-loader, wave-sine-vertical-loader, wave-diagonal-crest-loader, wave-counter-collision-loader, wave-interlace-cascade-loader, wave-radial-expansion-loader, wave-stair-drop-loader, wave-dna-helix-loader, wave-vortex-spiral-loader, wave-leapfrog-hops-loader, wave-snake-undulation-loader, wave-radar-beam-loader, wave-magnet-surge-loader, wave-checker-polarity-loader, wave-glitch-distortion-loader, wave-flicker-sea-loader, wave-breathe-tide-loader, wave-bipolar-surge-loader, wave-supernova-crest-loader, wave-iris-pulse-loader, orbit-single-satellite-loader, orbit-binary-stars-loader, orbit-triple-system-loader, orbit-quad-ring-loader, orbit-counter-rotational-loader, orbit-radial-burst-loader, orbit-collapse-blackhole-loader, orbit-dna-helix-loader, orbit-vortex-cyclone-loader, orbit-stair-quantum-loader, orbit-leapfrog-pair-loader, orbit-snake-comet-loader, orbit-radar-sweep-loader, orbit-magnet-flux-loader, orbit-checker-polarity-loader, orbit-glitch-drift-loader, orbit-flicker-dust-loader, orbit-breathe-harmony-loader, orbit-bipolar-flash-loader, orbit-supernova-flare-loader, ripple-concentric-out-loader, ripple-concentric-in-loader, ripple-dual-source-loader, ripple-diamond-pulse-loader, ripple-square-contour-loader, ripple-vortex-eddy-loader, ripple-stair-drop-loader, ripple-dna-helix-loader, ripple-magnet-flux-loader, ripple-leapfrog-wave-loader, ripple-radar-blip-loader, ripple-checker-alt-loader, ripple-glitch-surface-loader, ripple-flicker-pond-loader, ripple-supernova-ring-loader, burst-radial-nova-loader, burst-quad-corner-loader, burst-staccato-fire-loader, burst-vortex-plasma-loader, burst-iris-dilation-loader, burst-counter-pulse-loader, burst-dna-helix-loader, burst-magnet-recoil-loader, burst-leapfrog-cluster-loader, burst-radar-ignition-loader, burst-checker-flash-loader, burst-glitch-scatter-loader, burst-flicker-sparkle-loader, burst-breathe-pulse-loader, burst-supernova-core-loader, matrix-digital-rain-loader, matrix-laser-scan-loader, matrix-diagonal-cascade-loader, matrix-quantum-stutter-loader, matrix-vortex-core-loader, matrix-radar-sector-loader, matrix-snake-traversal-loader, matrix-dna-interlaced-loader, matrix-magnet-collapse-loader, matrix-leapfrog-swap-loader, matrix-checker-polarity-loader, matrix-flicker-static-loader, matrix-breathe-subtle-loader, matrix-bipolar-counter-loader, matrix-supernova-flash-loader, checker-alt-pulse-loader, checker-wave-diagonal-loader, checker-radial-ripple-loader, checker-counter-flow-loader, checker-vortex-spin-loader, checker-stair-drop-loader, checker-radar-sweep-loader, checker-dna-helix-loader, checker-glitch-stutter-loader, checker-supernova-flash-loader, radar-sweep-classic-loader, radar-crosshair-scan-loader, radar-dual-beam-loader, radar-counter-sweep-loader, radar-blip-pulse-loader, radar-vortex-swirl-loader, radar-stair-sector-loader, radar-glitch-interference-loader, radar-flicker-beacon-loader, radar-supernova-burst-loader, pyramid-apex-cascade-loader, pyramid-inverted-funnel-loader, pyramid-solid-breathe-loader, pyramid-vortex-drain-loader, pyramid-radial-burst-loader, pyramid-counter-slide-loader, pyramid-stair-steps-loader, pyramid-dna-helix-loader, pyramid-magnet-core-loader, pyramid-leapfrog-tiers-loader, pyramid-checker-alt-loader, pyramid-glitch-stutter-loader, pyramid-flicker-flame-loader, pyramid-bipolar-flash-loader, pyramid-supernova-loader, chevron-up-sweep-loader, chevron-down-cascade-loader, chevron-right-pulse-loader, chevron-left-pulse-loader, chevron-dual-opposing-loader, chevron-orbit-loop-loader, chevron-vortex-spin-loader, chevron-radial-burst-loader, chevron-dna-helix-loader, chevron-magnet-pull-loader, chevron-leapfrog-forward-loader, chevron-checker-alt-loader, chevron-glitch-stutter-loader, chevron-flicker-spark-loader, chevron-supernova-loader, heart-beat-pulse-loader, heart-perimeter-orbit-loader, heart-solid-breathe-loader, heart-radial-burst-loader, heart-stair-cascade-loader, heart-counter-flow-loader, heart-vortex-spin-loader, heart-dna-helix-loader, heart-flicker-spark-loaderPreview
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.
@atomloader · atom-loader
npx shadcn@latest add https://atomloader.roothq.tech/r/atom-loader.jsonView source