ActiveAnimated components2
@loadercn
Animated components · MIT · data updated 2026-10-10
Animated loaders for React and shadcn/ui. Zero dependencies, pure CSS animation, no Tailwind required. Install with the shadcn CLI or copy one file.
3danimationchartsglassmorphismloadersmapsmediatext-effects
Install
npx shadcn@latest add https://loadercn.vercel.app/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues0
ArchivedNo
Stars2
Components (89)
chart-barschart-linechart-sparklinechart-donutchart-dot-areachart-dot-serieschart-dot-scatterchart-dot-sparklinechart-heartbeatchart-dot-gaugechart-dot-radarchart-dot-bubbleschart-streaminggrid-wavegrid-pulsegrid-snakegrid-shufflegrid-ripplegrid-checkergrid-perimetergrid-puzzlegrid-flipgrid-spiralgrid-latticegrid-assemblegrid-scangrid-scan-squaresgrid-column-scangrid-diagonal-scangrid-diagonal-flowgrid-dot-sweepgrid-scan-bouncegrid-flow-downgrid-flow-upgrid-flow-rightgrid-flow-leftgrid-scan-bounce-horizontalorbit-binaryorbit-atomorbit-satelliteorbit-eclipseorbit-resonanceorbit-trioorbit-figure-eightorbit-cometorbit-nestedorbit-precessionorbit-exchangeorbit-slingshotorbit-tilted-atomclassic-ringclassic-spokesclassic-dottedclassic-dual-ringclassic-chasing-dotsclassic-chasing-dots-trioclassic-bouncing-dotsclassic-typingclassic-equalizerclassic-progress
Components: chart-bars, chart-line, chart-sparkline, chart-donut, chart-dot-area, chart-dot-series, chart-dot-scatter, chart-dot-sparkline, chart-heartbeat, chart-dot-gauge, chart-dot-radar, chart-dot-bubbles, chart-streaming, grid-wave, grid-pulse, grid-snake, grid-shuffle, grid-ripple, grid-checker, grid-perimeter, grid-puzzle, grid-flip, grid-spiral, grid-lattice, grid-assemble, grid-scan, grid-scan-squares, grid-column-scan, grid-diagonal-scan, grid-diagonal-flow, grid-dot-sweep, grid-scan-bounce, grid-flow-down, grid-flow-up, grid-flow-right, grid-flow-left, grid-scan-bounce-horizontal, orbit-binary, orbit-atom, orbit-satellite, orbit-eclipse, orbit-resonance, orbit-trio, orbit-figure-eight, orbit-comet, orbit-nested, orbit-precession, orbit-exchange, orbit-slingshot, orbit-tilted-atom, classic-ring, classic-spokes, classic-dotted, classic-dual-ring, classic-chasing-dots, classic-chasing-dots-trio, classic-bouncing-dots, classic-typing, classic-equalizer, classic-progress, classic-ripple, classic-squares, classic-folding-cube, classic-dot-stream, classic-liquid-stream, classic-pulsing-spokes, classic-circular-tail, classic-morph, classic-hourglass, orbit-radar, grid-conveyor, orbit-helix, classic-dot-morph, classic-circuit, grid-render, network-deduce, network-synthesize, orbit-focus, network-associate, orbit-particle-globe, orbit-breathing-orb, orbit-latitude-globe, orbit-scanning-sphere, orbit-thought-orb, orbit-morphing-sphere, orbit-searching, classic-liquid-processing, classic-processing, classic-text-shimmerPreview
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.
@loadercn · chart-bars
npx shadcn@latest add https://loadercn.vercel.app/r/chart-bars.jsonView source