A collection of SVG Spinners components for React.
npm install react-svg-spinnersimport { Pulse } from "react-svg-spinners";
export default function App() {
return <Pulse />;
}| Property | Options | Description |
|---|---|---|
| width | string, number | Specifies the width of the spinner |
| height | string, number | Specifies the height of the spinner |
| color | string | Color of the spinner |
| dur | string, number | Duration of spinner animation |
| Preview | Component Name |
|---|---|
 |
TwelveDotsScaleRotate |
 |
OneEightyWithBg |
 |
OneEightyRing |
 |
TwoSeventyWithBg |
 |
TwoSeventyRing |
 |
ThreeDotsBounce |
 |
ThreeDotsFade |
 |
ThreeDotsMoving |
 |
ThreeDotsRotate |
 |
ThreeDotsScaleMiddle |
 |
ThreeDotsScale |
 |
SixDotsRotate |
 |
SixDotsScaleMiddle |
 |
SixDotsScale |
 |
NinetyRingWithBg |
 |
NinetyRing |
 |
BarsFade |
 |
BarsRotateFade |
 |
BarsScaleFade |
 |
BarsScaleMiddle |
 |
BarsScale |
 |
BlockScale |
 |
BlocksShuffleTwo |
 |
BlockShuffleThree |
 |
BlocksWave |
 |
BouncingBall |
 |
Clock |
 |
DotRevolve |
 |
EclipeHalf |
 |
Eclipse |
 |
GoeeyBallsOne |
 |
GooeyBallsTwo |
 |
PulseTwo |
 |
PulseThree |
 |
PulseMultiple |
 |
PulseRing |
 |
PulseRingsTwo |
 |
PulseRingsThree |
 |
PulseRingsMultiple |
 |
Pulse |
 |
Tadpole |
 |
WifiFade |
 |
Wifi |
 |
WindToy |
MIT (c) 2022 Ephraim Atta-Duncan