React Spinner Components

Dev Design Library indexes 236 React spinner components from 52 open-source UI libraries, with the most coming from Amicro Micro Transitions, ReUI, D2Studio UI, Shadcn Space and UI Lab. Each one links to its page with the source code, a live preview where available, the library license and the install command. Every library in this list targets React. Spinner components belong to the Feedback group.

Showing 120 of 236, 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…
• 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
• 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.
• Composer LoaderBoardUI · ReactOrbiting light band for a working composer.
• SpinnerComponentry · React
• SpinnerShadcn Dashboard · React
• 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
• 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
• 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…
• 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…
• 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.
• 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…
• 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.
• 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.
• 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.
• 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.
• 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.
• 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.
• Spinner 08 - Clock RingShadcn Space · ReactA clock-style loading indicator with a rotating ring and a marker arm that completes a full rotation.
• Spinner Spiral In 5D2Studio UI · ReactA 5×5 pixel-grid loading spinner: 25 frames at 75ms (1875ms loop).
• Overlay loading spinnerReUI · ReactOverlay loading spinner
• Bounce DotsAmicro Micro Transitions · ReactBounce Dots loading animation.
• Spinner 10 - Liquid WaveShadcn Space · ReactA mathematically precise 1:1 replica of a liquid wave Lottie animation with TextMorph text transitions.
• Spinner Swell RollD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 4 frames at 160ms (640ms loop).
• Full page loading stateReUI · ReactFull page loading state
• Bouncing BarsAmicro Micro Transitions · ReactBouncing Bars loading animation.
• Spinner Tide RollD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 6 frames at 180ms (1080ms loop).
• Inline loading text with spinnerReUI · ReactInline loading text with spinner
• Bouncing DotsAmicro Micro Transitions · ReactBouncing Dots loading animation.
• Spinner Vortex InD2Studio UI · ReactA 4×4 pixel-grid loading spinner: 16 frames at 90ms (1440ms loop).
• Bouncing LinesAmicro Micro Transitions · ReactBouncing Lines loading animation.
• Bouncing SquareAmicro Micro Transitions · ReactBouncing Square loading animation.
• Breathe RingAmicro Micro Transitions · ReactBreathe Ring loading animation.
• Breathing GlowAmicro Micro Transitions · ReactBreathing Glow loading animation.
• Breathing SquareAmicro Micro Transitions · ReactBreathing Square loading animation.

Libraries with React spinner components

• Amicro Micro Transitions
• ReUI
• D2Studio UI
• Shadcn Space
• UI Lab

Related categories

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