Dev Design LibrarySpinner Components
Dev Design Library indexes 253 spinner components from 59 open-source UI libraries, with the most coming from Amicro Micro Transitions, ReUI, D2Studio UI, Shadcn Space and Kinetics. Each one links to its page with the source code, a live preview where available, the library license and the install command. Spinner components belong to the Feedback group.
Showing 120 of 253, a mix from every library. Open a library to see all of its components.
Spinnershadcn/ui · ReactAn indicator that can be used to show a loading state.
Lattice LoaderReact Bits · ReactSmall loading indicator: a 3x3 or 4x4 grid of cells lit in a looping pattern (orbit, snake, ripple, pulse) that…
LoadingdaisyUI · CSS (Tailwind)
SpinnerChakra UI · ReactUsed to provide a visual cue that an action is processing
SpinnerHeroUI · ReactDisplays an animated loading indicator.
Progress CircleReact Spectrum · ReactProgressCircles show the progression of a system operation such as downloading, uploading, or processing, in a visual…
Spinnercoss ui · ReactAn indicator that can be used to show a loading state.
SpinnerRadix Themes · React
Spinner To Check Morphtransitions.dev · HTML/CSSLoading spinner that turns into a check mark when the action succeeds.
Basic spinner.ReUI · ReactBasic spinner.
Accordion LoaderAmicro Micro Transitions · ReactAccordion Loader loading animation.
SpinnerPark UI · ReactA feedback component for indicating loading or processing states.
Base Ui SpinLobe UI · ReactSpinning loading indicator that can wrap content while it loads.
AI State LoadingKokonut UI · ReactAgent progress as a list of steps with a live log, elapsed time and a summary when done.
loaderIntent UI · Reactloader
Loading IndicatorUntitled UI React · React
LoaderbeUI · ReactLoading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs…
SpinnerTailGrids · ReactA spinner component to indicate a loading state.
Loading StateSpectrum UI · ReactA pixel-grid loader with a shimmering label and live elapsed timer.
Bars SpinnerSpell UI · ReactA loading spinner with rotating bars animation.
SpinnerVengeance UI · React
SpinnerUser Interface Wiki · React
Animated LoaderToolcraft · React
LoaderPanel UI · React NativeNine loading animations behind one variant prop.
Progress 09 - Page Loading & IndeterminateShadcn Space · ReactTop page loading bar that trickles and finishes on navigation, plus an indeterminate progress bar for tasks with…
Helix SpinnerPixel Perfect · ReactA column of bars, each offset a few degrees on the Y axis, spinning together as a twisting 3D helix.
Spin LoaderOpenSourceUI · ReactMinimal spinning loader built on a lucide icon — defaults to Loader, but pass any icon prop. Sizes: sm, md, lg.
Equalizer BarsKinetics · HTML/CSSPhase-offset bars pump like an audio meter — pure CSS
Composer LoaderBoardUI · ReactOrbiting light band for a working composer.
SpinnerComponentry · React
SpinnerShadcn Dashboard · React
Spell Bar SpinnerAnimations (Svelte) · Svelte
LoaderAI Elements (Svelte) · SvelteA lightweight animated loader with a separate icon component.
Skeleton LoaderSwiftPieces · SwiftUIPlaceholder bones and a modifier that turns any layout into one sweeping shape, then hands off as the content rises in.
Loaders Gooey BlobsObsidianUI · React
Claude Code StatusNotra · ReactThe orange spinner line while Claude works and the dim "✻ Worked for 19s" summary after a turn.
Terminal LoaderGreatUI · React
Inline LoaderGenerative Loaders · React
SpinnerShark UI · ReactA spinner for displaying a loading state.
SpinnerWatermelon UI · React
Loader SetUI Lab · ReactFour loaders that each know how to finish: leapfrog dots, an inchworm bar, a ring that closes into a check.
SpinnerHextaUI · ReactA loading indicator with Apple-style ticks or a breathing ring that can wait before showing and stay long enough not…
Streaming Speech PanelLocalMode · ReactA streaming-TTS status surface: active state (WaveformActivityBars + spinner, synthesizing/playing label…
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.
LoadersVelora UI · ReactFive tiny CSS loading indicators — dots, pulse, orbit, bars and spinner.
SpinnerHalaska UI · React
End Loading Spinnersv-particles · Svelte
SpinnerMetal UI · React + SwiftUIUnknown work in a host glyph slot: current ink, delayed arrival and minimum visibility. Large hosts show their…
LoadingSpaceUI · ReactMatrix pixel grid loader with Tailwind color support, spring motion presets, and assistant status cards.
Aria SpinnerReScript shadcn · ReScript
Pixel Image LoaderSora UI · ReactA canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpness as it loads.
Dynamic Notch Activity IndicatorCue Foundations · React
Pixel SpinnerD2Studio UI · ReactThe pixel-grid spinner engine every spinner preset builds on.
Pixel LoaderEaseUI · ReactA 3x3 grid of cells that twinkle on independent, randomized cycles, paired with a shimmering label and an optional…
SpinnerFibo · ReactA spinning ring that says something is loading.
Animated LoaderReactFrame · ReactA loading spinner kit with 4 variants, rotating lines, ring, dual counter-rotating ring, and bouncing dots, sharing a…
LoaderAceternity UI · React
Spinnerark-cn · ReactA shadcn-style spinner component built with Ark UI primitives.
LoaderChakra UI · React
Matrix Dot Loadertransitions.dev · HTML/CSS
Animated loading dotsReUI · ReactAnimated loading dots
App Icon LoadAmicro Micro Transitions · ReactApp Icon Load loading animation.
LoaderKokonut UI · ReactAnimated loading indicator with rotating gradient rings, size variants and customizable title text. Built with React…
Loading StatesbeUI · ReactCovers work before a durable plan is available.
SpinnerSpectrum UI · ReactA loading spinner with multiple sizes and variants for async states.
SpinnerSpell UI · ReactA loading spinner component with customizable size and color.
SpinnerToolcraft · React
Web SpinnerPanel UI · React NativeSpinners and progress messages for builds, queues and waiting states.
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…
Text LoaderOpenSourceUI · ReactAnimated text loader with a spinning color orb and staggered letter pulses. Pass text, variant, and textColor to match…
Indeterminate BarKinetics · HTML/CSSLooping sweep for unknown-length work
SpinnerObsidianUI · React
Claude SpinnerNotra · ReactClaude's animated starburst spinner.
Pixel LoaderUI Lab · ReactA tiny pixel grid that cycles spiral, snake, pulse and checker, then draws a check when done.
LoaderLocalMode · ReactA small family of busy indicators (dots / pulse / typing / spinner) plus a Shimmer skeleton-text variant, shown while…
Loading Spinnersv-particles · Svelte
SpinnerSpaceUI · ReactDisplays an animated spinning ring while an action or page is loading, reassuring users that their request is being…
Base SpinnerReScript shadcn · ReScript
SpinnerD2Studio UI · ReactAn indicator that can be used to show a loading state.
Pull To RefreshEaseUI · ReactA pull-down gesture over scrollable content: the indicator tracks the finger 1:1, then resists past the trigger…
Spinner overlay on cardReUI · ReactSpinner overlay on card
Apple BreatheAmicro Micro Transitions · ReactApple Breathe loading animation.
Pull To RefreshbeUI · ReactNative-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling.
SpinnerPanel UI · React Native
Spinner 01 - DefaultShadcn Space · ReactDefault shadcn spinner using the Loader2 icon with animate-spin.
Orbit SpinnerKinetics · HTML/CSSA dual-arc ring rotates on a tight infinite loop — pure CSS
Gemini SparkleNotra · ReactGemini's three-dot mark that bounces and folds into a triangle.
Promise ToastUI Lab · ReactOne toast that morphs from saving to saved, or to an error with retry.
Image Processing OverlayLocalMode · ReactA full-bleed overlay over a dimmed source image while vision inference runs — spinner ring + icon + status + optional…
Start Loading Spinnersv-particles · Svelte
Spinner Billboard TilesD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 5 frames at 180ms (900ms loop).
Spinner color variantsReUI · ReactSpinner color variants
Apple Pulse DotsAmicro Micro Transitions · ReactApple Pulse Dots loading animation.
Spinner 02 - ThrobberShadcn Space · ReactClassic 8-bar radial throbber with stepped rotation and opacity gradient.
Radar PulseKinetics · HTML/CSSConcentric rings expand and fade like sonar
Pull To RefreshUI Lab · ReactPull the feed down and new posts slide in at the top.
Spinner Col Wave 5D2Studio UI · ReactA 5×5 pixel-grid loading spinner: 8 frames at 120ms (960ms loop).
Spinners in buttons.ReUI · ReactSpinners in buttons.
Apple Scale PulseAmicro Micro Transitions · ReactApple Scale Pulse loading animation.
Spinner 03 - PinwheelShadcn Space · React6-blade pinwheel spinner with opacity gradient and continuous rotation.
Segment LoaderKinetics · HTML/CSSStepped bars fill one after another on each run
Spinner Dual Ring 5D2Studio UI · ReactA 5×5 pixel-grid loading spinner: 16 frames at 110ms (1760ms loop).
Spinners in badges.ReUI · ReactSpinners in badges.
Arc TracerAmicro Micro Transitions · ReactArc Tracer loading animation.
Spinner 04 - Circle FilledShadcn Space · ReactCircular arc spinner with a dim background ring and rotating filled arc.
Stale While RevalidateKinetics · HTML/CSSThe old value ghosts as the fresh one springs into place
Spinner Rain 4D2Studio UI · ReactA 4×4 pixel-grid loading spinner: 4 frames at 180ms (720ms loop).
Spinner in input group.ReUI · ReactSpinner in input group.
Bar CascadeAmicro Micro Transitions · ReactBar Cascade loading animation.
Spinner 05 - EllipsisShadcn Space · ReactThree dots with staggered scale and opacity wave animation.
Submit StatesKinetics · HTML/CSSLabel to bouncing dots to a settled checkmark
Spinner Ring 4 CwD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 12 frames at 110ms (1320ms loop).
Spinner in empty state.ReUI · ReactSpinner in empty state.
Bar SweepAmicro Micro Transitions · ReactBar Sweep loading animation.
Spinner 07 - Orbital SpinnerShadcn Space · ReactA central core with three orbiting rings that spin in opposite directions with varying opacity and size.
Wave LoaderKinetics · HTML/CSSThree dots in a phase-offset vertical bounce
Spinner Ripple OutD2Studio UI · ReactA 3×3 pixel-grid loading spinner: 3 frames at 260ms (780ms loop).
Button loading statesReUI · ReactButton loading states
Bobbing DotsAmicro Micro Transitions · ReactBobbing Dots loading animation.
Libraries with spinner components
Related categories
- React Spinner Components
- Tailwind CSS Spinner Components
- Animated Spinner Components
- shadcn/ui Spinner Components
- Feedback Components
- Badge Components
- Progress Components
- Alert Components
- Chip Components
- Progress Bar Components
- Empty State Components
- Notification Components
- Status Indicator Components
- Skeleton Components
- Banner Components
- Typing Indicator Components
- Progress Circle Components
- Error State Components
- Success Animation Components
- Scroll Progress Components