36 treatments
Every loader, one page
Each treatment is a CSS animation with its own props, accessibility notes and copyable implementation. Filter the collection, then open a loader to tune it live.
- BarsMotionVBarsLoaderRhythmic vertical bars
- BounceMotionVBounceLoaderPlayful bouncing dots
- DotsMotionVDotsLoaderMinimal staggered dots
- Dot sweepMotionVDotSweepLoaderHorizontal dot handoff
- EqualizerMotionVEqualizerLoaderAudio-style equalizer
- Sliding barsMotionVSlidingBarsLoaderInterleaved horizontal sliding bars
- SpinMotionVSpinLoaderCompact spinner
- Spin dotsMotionVSpinDotsLoaderStepped radial dots
- TypingMotionVTypingLoaderConversation typing cue
- WaveMotionVWaveLoaderSoft travelling wave
- BreathingCircularVBreathingLoaderSteady centre with a breathing outlined halo
- Dual arcCircularVDualArcLoaderCounterrotating concentric arcs
- Gradient ringCircularVGradientRingLoaderLuminous conic ring
- OrbitCircularVOrbitLoaderSingle orbital body
- Orbit dotsCircularVOrbitDotsLoaderOrbiting satellite dots
- Progress ringCircularVProgressRingLoaderProgress-ready ring
- PulseCircularVPulseLoaderSolid focal pulse
- RingCircularVRingLoaderClassic open ring
- RippleCircularVRippleLoaderExpanding ripple
- RotateCircularVRotateLoaderOrganic rotating ring
- SignalCircularVSignalLoaderSignal-strength arc
- SnakeCircularVSnakeLoaderChasing circular stroke
- BlobGeometricVBlobLoaderMorphing organic blob
- Card flipGeometricVCardFlipLoaderDimensional card flip
- ElementGeometricVElementLoaderRotating diamond
- FlowGeometricVFlowLoaderContinuous horizontal flow
- GridGeometricVGridLoaderPulsing tile grid
- HashtagGeometricVHashtagLoaderBold hashtag mark
- HeatmapGeometricVHeatmapLoaderData-grid shimmer
- LiquidGeometricVLiquidLoaderRising liquid fill
- Logo spinGeometricVLogoSpinLoaderBrand-neutral mark spin
- MorphGeometricVMorphLoaderMorphing soft square
- PlaneGeometricVPlaneLoaderGliding paper plane
- SquaresGeometricVSquaresLoaderRotating square matrix
- StairGeometricVStairLoaderAscending motion bars
- FallbackUtilityVFallbackLoaderResilient dashed fallback