Tailwind CSS Spinner Components

Dev Design Library indexes 230 Tailwind CSS spinner components from 46 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 styles its components with Tailwind CSS utility classes. Spinner components belong to the Feedback group.

Showing 120 of 230, 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.
• LoadingdaisyUI · CSS (Tailwind)
• 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.
• Basic spinner.ReUI · ReactBasic spinner.
• Accordion LoaderAmicro Micro Transitions · ReactAccordion Loader loading animation.
• 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
• 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
• Spell Bar SpinnerAnimations (Svelte) · Svelte
• LoaderAI Elements (Svelte) · SvelteA lightweight animated loader with a separate icon component.
• 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
• 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.
• 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.
• Pixel Image LoaderSora UI · ReactA canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpness as it loads.
• 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.
• 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…
• Loading Spinnersv-particles · Svelte
• SpinnerSpaceUI · ReactDisplays an animated spinning ring while an action or page is loading, reassuring users that their request is being…
• 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…
• 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.
• 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.
• Circuit Trace DrawAmicro Micro Transitions · ReactPCB electrical circuit trace self-drawing with terminal node pulse.
• Circular BarsAmicro Micro Transitions · ReactCircular Bars loading animation.
• Classic SpinnerAmicro Micro Transitions · ReactClassic Spinner loading animation.
• Clock SpinnerAmicro Micro Transitions · ReactClock Spinner loading animation.
• Comet SpinnerAmicro Micro Transitions · ReactComet Spinner loading animation.
• Compass Needle DeflectAmicro Micro Transitions · ReactMagnetic compass needle swinging and deflecting with magnetic damping.

Libraries with Tailwind CSS spinner components

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

Related categories

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