React SVG Spinners

A collection of SVG Spinners components for React.

Installation

npm install react-svg-spinners

Usage

import { Pulse } from "react-svg-spinners";

export default function App() {
  return <Pulse />;
}

API

<SpinnerComponent />

Options

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

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

License

MIT (c) 2022 Ephraim Atta-Duncan