React Text Spinners

Examples of all the spinners

Find this npm package at j127/react-text-spinners. You can customize the colors and size with props.

npm install react-text-spinners --save

default

<Spinner />

arrow

<Spinner theme="arrow" />

bar

<Spinner theme="bar" />

bar2

<Spinner theme="bar2" />

beam

<Spinner theme="beam" />

box-bounce

<Spinner theme="box-bounce" />

bullet

<Spinner theme="bullet" />

bullseye

<Spinner theme="bullseye" />

circle

<Spinner theme="circle" />

countdown

<Spinner theme="countdown" />

dots

<Spinner theme="dots" />

dots2

<Spinner theme="dots2" />

dots3

<Spinner theme="dots3" />

earth

<Spinner theme="earth" />

fish

<Spinner theme="fish" />

hamburger

<Spinner theme="hamburger" />

hearts

<Spinner theme="hearts" />

lifting

<Spinner theme="lifting" />

line

<Spinner theme="line" />

line2

<Spinner theme="line2" />

matrix

<Spinner theme="matrix" />

monkey

<Spinner theme="monkey" />

moon

<Spinner theme="moon" />

open-circle

<Spinner theme="open-circle" />

plus

<Spinner theme="plus" />

rhomb

<Spinner theme="rhomb" />

runner

<Spinner theme="runner" />

square

<Spinner theme="square" />

star

<Spinner theme="star" />

time

<Spinner theme="time" />

toggle

<Spinner theme="toggle" />

triangle

<Spinner theme="triangle" />

triangles

<Spinner theme="triangles" />