Svelte SVG Spinners
A collection of SVG Spinners components for Svelte.
Installation
npm install svelte-svg-spinners
Usage
<script>
import { Pulse } from 'svelte-svg-spinners'
</script>
<Pulse />
API
<SpinnerComponent />
Options
| Property | Options | Description |
|---|---|---|
| size | number | Specifies the size of the spinner |
| width | number | Specifies the width of the spinner |
| height | number | Specifies the height of the spinner |
| class | string | Specifies the classes of the spinner |
| color | string | Color of the spinner |
| dur | string | Duration of spinner animation |
| ariaHidden | boolean | Set aria-hidden attribute |
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 Luis Luvia
Top categories
Want a Svelte site built?
Hire a Svelte developer