shadcn/ui Spinner Components

Dev Design Library indexes 21 shadcn/ui spinner components from 6 open-source UI libraries, with the most coming from D2Studio UI, sv-particles, Notra, Shadcn Space and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Spinner components belong to the Feedback group.

• Progress 09 - Page Loading & IndeterminateShadcn Space · ReactTop page loading bar that trickles and finishes on navigation, plus an indeterminate progress bar for tasks with…
• Claude Code StatusNotra · ReactThe orange spinner line while Claude works and the dim "✻ Worked for 19s" summary after a turn.
• LoadingCojeev UI · ReactThree indeterminate signals: a morphing Bloom, gathering Orbit or handing-off Relay. The original small seed stays the…
• With progressFLX UI · ReactLive import banner with a spinner and a progress bar.
• End Loading Spinnersv-particles · Svelte
• Spinner Billboard TilesD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 5 frames at 180ms (900ms loop).
• Skeleton 05 - Loading to ContentShadcn Space · ReactBlog card that shows a matching skeleton while loading, fades in the real content, and can be reloaded to replay the…
• Claude SpinnerNotra · ReactClaude's animated starburst spinner.
• Loading Spinnersv-particles · Svelte
• Spinner Col Wave 5D2Studio UI · ReactA 5×5 pixel-grid loading spinner: 8 frames at 120ms (960ms loop).
• Spinner 01 - DefaultShadcn Space · ReactDefault shadcn spinner using the Loader2 icon with animate-spin.
• Gemini SparkleNotra · ReactGemini's three-dot mark that bounces and folds into a triangle.
• Start Loading Spinnersv-particles · Svelte
• Spinner Dual Ring 5D2Studio UI · ReactA 5×5 pixel-grid loading spinner: 16 frames at 110ms (1760ms loop).
• Spinner Rain 4D2Studio UI · ReactA 4×4 pixel-grid loading spinner: 4 frames at 180ms (720ms loop).
• Spinner Ring 4 CwD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 12 frames at 110ms (1320ms loop).
• Spinner Ripple OutD2Studio UI · ReactA 3×3 pixel-grid loading spinner: 3 frames at 260ms (780ms loop).
• Spinner Spiral In 5D2Studio UI · ReactA 5×5 pixel-grid loading spinner: 25 frames at 75ms (1875ms loop).
• Spinner Swell RollD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 4 frames at 160ms (640ms loop).
• Spinner Tide RollD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 6 frames at 180ms (1080ms loop).
• Spinner Vortex InD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 16 frames at 90ms (1440ms loop).

Libraries with shadcn/ui spinner components

• D2Studio UI
• sv-particles
• Notra
• Shadcn Space
• Cojeev UI

Related categories

• Spinner Components
• React Spinner Components
• Tailwind CSS Spinner Components
• Animated Spinner Components
• shadcn/ui Feedback Components
• shadcn/ui Badge Components
• shadcn/ui Alert Components
• shadcn/ui Banner Components
• shadcn/ui Chip Components
• shadcn/ui Skeleton Components
• shadcn/ui Progress Components
• shadcn/ui Empty State Components
• shadcn/ui Notification Components
• shadcn/ui Status Indicator Components
• shadcn/ui Progress Bar Components
• shadcn/ui Error State Components
• shadcn/ui Typing Indicator Components