/react-svg-spinners

A React Component Library for SVG Spinners

Primary LanguageTypeScriptMIT LicenseMIT

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