Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ephraimduncan/react-svg-spinners

A React Component Library for SVG Spinners
https://github.com/ephraimduncan/react-svg-spinners

react svg svg-animations svg-spinner

Last synced: 11 days ago
JSON representation

A React Component Library for SVG Spinners

Host: GitHub
URL: https://github.com/ephraimduncan/react-svg-spinners
Owner: ephraimduncan
License: mit
Created: 2022-06-24T21:18:44.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2022-06-26T17:13:10.000Z (over 2 years ago)
Last Synced: 2024-10-25T12:37:13.315Z (19 days ago)
Topics: react, svg, svg-animations, svg-spinner
Language: TypeScript
Homepage:
Size: 105 KB
Stars: 72
Watchers: 3
Forks: 7
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# React SVG Spinners

> A collection of [SVG Spinners](https://github.com/n3r4zzurr0/svg-spinners) components for React.

## Installation

```sh
npm install react-svg-spinners
```

## Usage

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

export default function App() {
return ;
}
```

## API

### ``

### 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