sh4dcn
Registries
ActiveFeaturedAnimated components399

@loading-ui

Animated components · MIT · data updated 2026-07-28

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.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@loading-ui preview
accessibilityaestheticanimationdesign-systemloadersmediaretrotext-effects

Install

npx shadcn@latest add https://loading-ui.com/r/registry.json

Health

StatusActive
Last commit3 weeks ago
LicenseMIT
Open issues0
ArchivedNo
Stars399

Components (50)

indexstyleringspokesclassicdots-ringspiralswirlingarcdual-arcfade-arcconcentric-ringorbit-ringsatellite-ringclock-ringquarter-ringdash-ringcomet-spinnerpulseripplepulse-dotdotsbobbing-dotsbouncing-dotstypingtwin-orbitpulsating-dotstriple-dot-spinnertext-shimmertext-blinktext-dotstext-shimmer-wavemorphing-infinityinfinityaccordion-loadersymmetric-wavesquare-gridsquare-accordionconveyor-loopsquare-snakeinfinity-square-snakeinfinity-trackdiamondwavebarsanalyzing-imageskeletonterminalwandering-eyesutils
Components: index, style, ring, spokes, classic, dots-ring, spiral, swirling, arc, dual-arc, fade-arc, concentric-ring, orbit-ring, satellite-ring, clock-ring, quarter-ring, dash-ring, comet-spinner, pulse, ripple, pulse-dot, dots, bobbing-dots, bouncing-dots, typing, twin-orbit, pulsating-dots, triple-dot-spinner, text-shimmer, text-blink, text-dots, text-shimmer-wave, morphing-infinity, infinity, accordion-loader, symmetric-wave, square-grid, square-accordion, conveyor-loop, square-snake, infinity-square-snake, infinity-track, diamond, wave, bars, analyzing-image, skeleton, terminal, wandering-eyes, utils

Preview

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.

@loading-ui · index

npx shadcn@latest add https://loading-ui.com/r/index.json
View source