@loading-ui
Loading UI is a small, focused open-source shadcn/ui registry of spinners, loaders, and loading animations for React and Tailwind CSS apps, from the TurboStarter team. Ships 35+ named variants including Arc, Bars, Bobbing Dots, Classic, Clock Ring, Comet Spinner, Concentric Ring, Dash Ring, Diamond, Dots Ring, Dual Arc, Fade Arc, Infinity, Morphing Infinity, Orbit Ring, Pulsating Dots, Ring, Ripple, Satellite Ring, Skeleton, Spiral, Spokes, Swirling, Terminal, Text Blink, Text Dots, Text Shimmer Wave, Typing, Wandering Eyes, and Wave. Copy-paste and CLI-friendly; no animation framework dependency beyond Tailwind. MIT licensed. Use for: adding polished, intentional loading states to any React/Tailwind project without importing a full design system.
50 components react shadcn-cli MIT
Install this registry
shadcn (npm)
npx shadcn@latest add https://loading-ui.com/r/registry.json pnpm
pnpm dlx shadcn@latest add https://loading-ui.com/r/registry.json bun
bunx shadcn@latest add https://loading-ui.com/r/registry.json fetch registry
curl -s https://loading-ui.com/r/registry.json Components
50 total index style
npx shadcn@latest add https://loading-ui.com/r/index.json style style
npx shadcn@latest add https://loading-ui.com/r/style.json ring component
npx shadcn@latest add https://loading-ui.com/r/ring.json spokes component
npx shadcn@latest add https://loading-ui.com/r/spokes.json classic component
npx shadcn@latest add https://loading-ui.com/r/classic.json dots-ring component
npx shadcn@latest add https://loading-ui.com/r/dots-ring.json spiral component
npx shadcn@latest add https://loading-ui.com/r/spiral.json swirling component
npx shadcn@latest add https://loading-ui.com/r/swirling.json arc component
npx shadcn@latest add https://loading-ui.com/r/arc.json dual-arc component
npx shadcn@latest add https://loading-ui.com/r/dual-arc.json fade-arc component
npx shadcn@latest add https://loading-ui.com/r/fade-arc.json concentric-ring component
npx shadcn@latest add https://loading-ui.com/r/concentric-ring.json orbit-ring component
npx shadcn@latest add https://loading-ui.com/r/orbit-ring.json satellite-ring component
npx shadcn@latest add https://loading-ui.com/r/satellite-ring.json clock-ring component
npx shadcn@latest add https://loading-ui.com/r/clock-ring.json quarter-ring component
npx shadcn@latest add https://loading-ui.com/r/quarter-ring.json dash-ring component
npx shadcn@latest add https://loading-ui.com/r/dash-ring.json comet-spinner component
npx shadcn@latest add https://loading-ui.com/r/comet-spinner.json pulse component
npx shadcn@latest add https://loading-ui.com/r/pulse.json ripple component
npx shadcn@latest add https://loading-ui.com/r/ripple.json pulse-dot component
npx shadcn@latest add https://loading-ui.com/r/pulse-dot.json dots component
npx shadcn@latest add https://loading-ui.com/r/dots.json bobbing-dots component
npx shadcn@latest add https://loading-ui.com/r/bobbing-dots.json bouncing-dots component
npx shadcn@latest add https://loading-ui.com/r/bouncing-dots.json typing component
npx shadcn@latest add https://loading-ui.com/r/typing.json twin-orbit component
npx shadcn@latest add https://loading-ui.com/r/twin-orbit.json pulsating-dots component
npx shadcn@latest add https://loading-ui.com/r/pulsating-dots.json triple-dot-spinner component
npx shadcn@latest add https://loading-ui.com/r/triple-dot-spinner.json text-shimmer component
npx shadcn@latest add https://loading-ui.com/r/text-shimmer.json text-blink component
npx shadcn@latest add https://loading-ui.com/r/text-blink.json text-dots component
npx shadcn@latest add https://loading-ui.com/r/text-dots.json text-shimmer-wave component
npx shadcn@latest add https://loading-ui.com/r/text-shimmer-wave.json morphing-infinity component
npx shadcn@latest add https://loading-ui.com/r/morphing-infinity.json infinity component
npx shadcn@latest add https://loading-ui.com/r/infinity.json accordion-loader component
npx shadcn@latest add https://loading-ui.com/r/accordion-loader.json symmetric-wave component
npx shadcn@latest add https://loading-ui.com/r/symmetric-wave.json square-grid component
npx shadcn@latest add https://loading-ui.com/r/square-grid.json square-accordion component
npx shadcn@latest add https://loading-ui.com/r/square-accordion.json conveyor-loop component
npx shadcn@latest add https://loading-ui.com/r/conveyor-loop.json square-snake component
npx shadcn@latest add https://loading-ui.com/r/square-snake.json infinity-square-snake component
npx shadcn@latest add https://loading-ui.com/r/infinity-square-snake.json infinity-track component
npx shadcn@latest add https://loading-ui.com/r/infinity-track.json diamond component
npx shadcn@latest add https://loading-ui.com/r/diamond.json wave component
npx shadcn@latest add https://loading-ui.com/r/wave.json bars component
npx shadcn@latest add https://loading-ui.com/r/bars.json analyzing-image component
npx shadcn@latest add https://loading-ui.com/r/analyzing-image.json skeleton component
npx shadcn@latest add https://loading-ui.com/r/skeleton.json terminal component
npx shadcn@latest add https://loading-ui.com/r/terminal.json wandering-eyes component
npx shadcn@latest add https://loading-ui.com/r/wandering-eyes.json utils lib
npx shadcn@latest add https://loading-ui.com/r/utils.json