24 Animated Loaders & Spinners For React – uiball-loaders

uiball-loaders is a set of 24 animated loading spinners for React. Built with CSS, HTML and SVG.

How to use it:

1. Installation.

# NPM
$ npm i @uiball/loaders

2. Import a loading spinner of your choice.

  • ChaoticOrbit
  • DotPulse
  • DotSpinner
  • DotWave
  • Handsprings
  • Jelly
  • JellyTriangle
  • LeapFrog
  • LineWobble
  • Metronome
  • Momentum
  • MrMiyagi
  • NewtonsCradle
  • Orbit
  • Ping
  • Pinwheel
  • Pulsar
  • RaceBy
  • Ring
  • Ripples
  • SuperBalls
  • ThreeBody
  • Waveform
  • Wobble
import { Ring } from '@uiball/loaders'

3. Add a loading spinner to the app.

<Ring 
 size={40}
 lineWeight={5}
 speed={2} 
 color="black" 
/>

Preview:

24 Animated Loaders & Spinners For React - uiball-loaders

Download Details:

Author: GriffinJohnston

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/GriffinJohnston/uiball-loaders

License: MIT

Add Comment