akameco / styled-spinkit

Spinner Loading components

Home Page:https://akameco.github.io/styled-spinkit

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

styled-spinkit

Build Status tested with jest styled with prettier MIT License All Contributors

Simple animation loading components with styled-components

https://gyazo.com/9fdf10c73edd16495a854b199e8f9ee0

See React Storybook Demo

See Bit components collection

Inspired by SpinKit.

Install

$ yarn add styled-spinkit

or

$ npm install --save styled-spinkit

API

Components

  • <ChasingDots/>
  • <Circle/>
  • <CubeGrid/>
  • <Pulse/>
  • <FadingCircle/>
  • <ThreeBounce/>
  • <FoldingCube/>
  • <WanderingCubes/>
  • <WaveLoading/>
  • <DoubleBounce/>
  • <RotaingPlane/>

Props

Prop Type Default
color string #333
size number 40

Contributors

Thanks goes to these wonderful people (emoji key):

akameco
akameco

๐Ÿ’ป ๐Ÿ“– โš ๏ธ ๐Ÿš‡
jrusx
jrusx

๐Ÿ’ป ๐Ÿ›
Bap โ˜บ
Bap โ˜บ

๐Ÿ’ป
KagXaef
KagXaef

๐Ÿ’ป

This project follows the all-contributors specification. Contributions of any kind welcome!

License

MIT ยฉ akameco

About

Spinner Loading components

https://akameco.github.io/styled-spinkit


Languages

Language:TypeScript 93.7%Language:JavaScript 5.3%Language:HTML 0.9%