{"_id":"spinkit","_rev":"17-f1c159eb0ae3ff8472c3b6781cbda3c3","name":"spinkit","description":"A collection of loading indicators animated with CSS","dist-tags":{"latest":"2.0.1"},"versions":{"1.1.0":{"name":"spinkit","version":"1.1.0","description":"A collection of loading indicators animated with CSS","main":"gulpfile.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","devDependencies":{"del":"^1.2.0","gulp":"^3.9.0","gulp-autoprefixer":"^2.3.1","gulp-sass":"^2.0.3","lodash":"^3.10.0","q":"^1.4.1"},"gitHead":"e6c9c782f6fdac50479fe16fd822dba2683a3f1e","_id":"spinkit@1.1.0","_shasum":"5e8082c332d2c70bdc657376af7c90a92ab821d6","_from":"./","_npmVersion":"1.4.28","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"maintainers":[{"name":"tobiasahlin","email":"hello@tobiasahlin.com"}],"dist":{"shasum":"5e8082c332d2c70bdc657376af7c90a92ab821d6","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-1.1.0.tgz","integrity":"sha512-jabpgm0OohU0jz5QSx25N/wR/wVu4YRD62fKCjPSThY7k8Vhz0UWyv3bZ3kmqp5L8RpaeEpvAxmFgn92S8r/Cw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAEwthJGc6g5d4vpWAMu9JsXclEF1FC57TH15Q9k9u2QIgEC/ahuQxrVhApBL38LVJ13Dwy1qqNZMn7ne9+VikLkE="}]},"directories":{}},"1.2.0":{"name":"spinkit","version":"1.2.0","description":"A collection of loading indicators animated with CSS","main":"gulpfile.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","devDependencies":{"del":"^1.2.0","gulp":"^3.9.0","gulp-autoprefixer":"^2.3.1","gulp-sass":"^2.0.3","lodash":"^3.10.0","q":"^1.4.1"},"gitHead":"904d70e5253cc9e28f4e5aeff92f824f69731d88","_id":"spinkit@1.2.0","_shasum":"7ae68ea0226b8aa0bca74b415d0adaed6df2a83f","_from":"./","_npmVersion":"1.4.28","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"maintainers":[{"name":"tobiasahlin","email":"hello@tobiasahlin.com"}],"dist":{"shasum":"7ae68ea0226b8aa0bca74b415d0adaed6df2a83f","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-1.2.0.tgz","integrity":"sha512-+kHw37GTrplzIlVbNLApYfH1gRxpB3MFTLdVXEixzV3DFUs9DEO62Vtul4PDyc6fF7RrPasqGfbWKbQBzvmrkw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHBF8LUVGVYVFxuNnirYoJnQ7AJJ8Saxk4dmizW4EKF5AiEAxsTCU7C+K5t5eh4iplGGENJ5O4yKpTSrRN1K/aFR5I4="}]},"directories":{}},"1.2.1":{"name":"spinkit","version":"1.2.1","description":"A collection of loading indicators animated with CSS","main":"gulpfile.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","devDependencies":{"del":"^1.2.0","gulp":"^3.9.0","gulp-autoprefixer":"^2.3.1","gulp-sass":"^2.0.3","lodash":"^3.10.0","q":"^1.4.1"},"gitHead":"d29d1040b5b32fdb0edd50288d437ab7963255a7","_id":"spinkit@1.2.1","_shasum":"c93b37e6035adaa3f5d3c4197bd2209bdfd61329","_from":"./","_npmVersion":"1.4.28","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"maintainers":[{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},{"name":"jmagnusson","email":"m@jacobian.se"}],"dist":{"shasum":"c93b37e6035adaa3f5d3c4197bd2209bdfd61329","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-1.2.1.tgz","integrity":"sha512-ntBOsMfDzEUh2lO2uYsquVP2HrpnjG97uoaegCu79LHTMKS+EtTeHL1Z+90GWiY7tv4ZWpchNloAEbEjybtpqA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGuG1NuO0HnYIscUcC0pN17jzzrBMUexxFLgIv34hz0mAiEAtPl7PMbjMOcWQ66GtfhnC6j77831KzFRAeXYDShRIhc="}]},"directories":{}},"1.2.2":{"name":"spinkit","version":"1.2.2","description":"A collection of loading indicators animated with CSS","keywords":["css","spinkit","spinner","loading","ui"],"main":"gulpfile.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","devDependencies":{"del":"^1.2.0","gulp":"^3.9.0","gulp-autoprefixer":"^2.3.1","gulp-sass":"^2.0.3","lodash":"^3.10.0","q":"^1.4.1"},"gitHead":"0371f621b4722427f4181ff0d2c28698eb36ebc2","_id":"spinkit@1.2.2","_shasum":"119b61dcb28073cda24da0a852f73fff9049d117","_from":".","_npmVersion":"1.4.28","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"maintainers":[{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},{"name":"jmagnusson","email":"m@jacobian.se"}],"dist":{"shasum":"119b61dcb28073cda24da0a852f73fff9049d117","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-1.2.2.tgz","integrity":"sha512-Qj/a13DtEoT6qaDdg1Y52TZflCVHxYL9iW3J18xDKdUUu7v2Lwu/YJ4pEAV6h4oefFrmHPY/s+GaLJaKj70T6A==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEYiFY6IMoLJnlsdDeVS6qlZK/ZVE70CFNqwq8WTspxsAiAj6sxNQqAMU897gV/WNoitxSt9A4sSDYIzJhqfTzBLOw=="}]},"directories":{}},"1.2.3":{"name":"spinkit","version":"1.2.3","description":"A collection of loading indicators animated with CSS","keywords":["css","spinkit","spinner","loading","ui"],"main":"gulpfile.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","devDependencies":{"del":"^1.2.0","gulp":"^3.9.0","gulp-autoprefixer":"^2.3.1","gulp-sass":"^2.0.3","lodash":"^3.10.0","q":"^1.4.1"},"gitHead":"62cedc44877ef8d838462227b5078ca9f789d1d1","_id":"spinkit@1.2.3","_shasum":"7bf07ce4f66478996aa9dbbb8e77bac0049abaa0","_from":".","_npmVersion":"1.4.28","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"maintainers":[{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},{"name":"jmagnusson","email":"m@jacobian.se"}],"dist":{"shasum":"7bf07ce4f66478996aa9dbbb8e77bac0049abaa0","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-1.2.3.tgz","integrity":"sha512-tS8MuC7vZn1rueELD6oZTv2aQkOMlE4Q2z5ozbatrHBtldml0c/wPoVgKCAyAP/Yd2MNNO4iEuGYac2vELvPcA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICZnyJqy4vGV2oUe66j0/yP4i72wwnoYk0aly6sR67WtAiEA7S6qRyelkhv1Zb1co+gi0bF4uBg755Om3ZZccntG/0c="}]},"directories":{}},"1.2.4":{"name":"spinkit","version":"1.2.4","description":"A collection of loading indicators animated with CSS","keywords":["css","spinkit","spinner","loading","ui"],"main":"gulpfile.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","devDependencies":{"del":"^1.2.0","gulp":"^3.9.0","gulp-autoprefixer":"^2.3.1","gulp-sass":"^2.0.3","lodash":"^3.10.0","q":"^1.4.1"},"gitHead":"0d58e40d8e027d2b108cb438dd281212dde4b7b3","_id":"spinkit@1.2.4","_shasum":"0f2434ea66af29ee95b457a709914e2c9f68bfcf","_from":".","_npmVersion":"1.4.28","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"maintainers":[{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},{"name":"jmagnusson","email":"m@jacobian.se"}],"dist":{"shasum":"0f2434ea66af29ee95b457a709914e2c9f68bfcf","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-1.2.4.tgz","integrity":"sha512-mmukDM8/i+bjd0LZpWYlTGVN9zoKSFiIqsPI+Vck/JQcKvAM2qYNPbYqo0FdbF9IaJnEtBfegGnq04Ef/ejJLg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFFxmS9XxNBbXuE6Gyb70GdMzAMM1aPVnVkWnrvjzwCUAiBLHcNbBtcbFEqX2uADxuRU/0a+MfX4OxoKDjjxfeND+A=="}]},"directories":{}},"1.2.5":{"name":"spinkit","version":"1.2.5","description":"A collection of loading indicators animated with CSS","keywords":["css","spinkit","spinner","loading","ui"],"main":"gulpfile.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","devDependencies":{"del":"^1.2.0","gulp":"^3.9.0","gulp-autoprefixer":"^2.3.1","gulp-sass":"^2.0.3","lodash":"^3.10.0","q":"^1.4.1"},"gitHead":"384fbc3f654f7ef7349134e116f9b6d0a4d7d852","_id":"spinkit@1.2.5","_shasum":"90f9f466a20e8e39ef24da959c1e611c2a30dd54","_from":".","_npmVersion":"1.4.28","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"maintainers":[{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},{"name":"jmagnusson","email":"m@jacobian.se"}],"dist":{"shasum":"90f9f466a20e8e39ef24da959c1e611c2a30dd54","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-1.2.5.tgz","integrity":"sha512-eGnYNjOhew6t2jT30m8mwtlur/+9cvndbN4Lw3vaVXyeft+RKPpy961q6FH1LFDE8Skb1fIlBQgvYDRBn4FnoQ==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGjl82eCCV3/UOXAXkWL3/1jyEJb6ph4LPC8AvkUKr3wIhALiVZ2Jdkbtp8CwKnwRSSl3k5/UKzGKugMRZB9koXLxx"}]},"directories":{}},"2.0.0":{"name":"spinkit","version":"2.0.0","description":"A collection of loading indicators animated with CSS","keywords":["css","spinkit","spinner","loading","ui"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin Bjerrome"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","gitHead":"da085fc92dbeac6e395b706c85fc6be2999e7844","_id":"spinkit@2.0.0","_nodeVersion":"11.13.0","_npmVersion":"6.12.0","dist":{"integrity":"sha512-elFtJWMlVHhO0KPmbqea7k4y0053fPvM8JMTOi2ZWlUwl6Zr/HefGnnGsj7t7l9xSOXbNBb5YP3Ak22uUgZmVQ==","shasum":"29283ec28b446e7db9a46104739650b6abc15be3","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-2.0.0.tgz","fileCount":8,"unpackedSize":37046,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdtsTpCRA9TVsSAnZWagAA6XEQAJ3CKOvnQeTfznwBBTco\nNrGixDHdLv+uPgFC4jYvQopEAm+OWd7GOemspFSKSFranqFDJO6pP2Ue8KZa\nzLBmuEhQHgNZGIYv6zib/unxMsk70O2orSNrZlnVzHwYnIM1c10zgZnHSaAR\nN3hUBndpROyhYLmmbzWrRZYRe0LwB/0fmy0vvJYRfkL93mDOhRBfxmw4S90J\n0Nc0EW0wwNLzRii0MW1oAJMsSvs4uad7Y94AXe+iGTGrlHWVhyecpG3+XAtc\n56jWseXN40C4XT5O9KVYxfQqy2iH8Rqa/HpVVTZwXW95jInpHsda2FLLzJWW\n+Xi/V04SLZl+kgdxScji2nDtvVocbycjH0z5Udx+YKYkfseOgWoGr50CZFiP\nPllc9a2gIExvsJSVJ6p0iOucj0hdJ0clq2YfAbaoQqrdmptZ78lw3p0W4nRK\npBy40nU0jzWNTOkmWXvpWSS71sNs1NrQt/XVtqTs221kSV3Sohqqfm98+ajZ\ntjcTxY9q2CQGDx71TjfTBx5O4Mtt0MXeAerTeV1qlelU/gMnO4lZ4/PCcWHy\ncPBNripe+OrECQ0dgYFT4GI+Y5ph0olym+3SWpMrpS+MjffvKYNBDMrXpV3c\nYKSp6fuuGBEfFU1A44VHuMlpinQOMMt43x/1Fb5s0zexWYFa/MI6ETM2zDdx\nNqGC\r\n=3z87\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZzPc+UTDny0fjPCxfqSYx36mDQ3WkkdfoavvCrPLtjQIhAM4brYIt2YxqjJe3OiUVF4uXxi0syFWSh1yvFatrTrHz"}]},"maintainers":[{"name":"jmagnusson","email":"m@jacobian.se"},{"name":"tobiasahlin","email":"hello@tobiasahlin.com"}],"_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spinkit_2.0.0_1572259049509_0.432545664539175"},"_hasShrinkwrap":false},"2.0.1":{"name":"spinkit","version":"2.0.1","description":"A collection of loading indicators animated with CSS","keywords":["css","spinkit","spinner","loading","ui"],"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin Bjerrome"},"license":"MIT","bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"homepage":"https://github.com/tobiasahlin/SpinKit","gitHead":"43a244a410c70c792d4f31d14e953e826c85a717","_id":"spinkit@2.0.1","_nodeVersion":"11.13.0","_npmVersion":"6.11.2","_npmUser":{"name":"tobiasahlin","email":"hello@tobiasahlin.com"},"dist":{"integrity":"sha512-oYBGY0GV1H1dX+ZdKnB6JVsYC1w/Xl20H111eb+WSS8nUYmlHgGb4y5buFSkzzceEeYYh5kMhXoAmoTpiQauiA==","shasum":"aefcd0acfdf15a90aa8e1f069d7e618515891f74","tarball":"https://registry.npmjs.org/spinkit/-/spinkit-2.0.1.tgz","fileCount":8,"unpackedSize":36980,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJduYymCRA9TVsSAnZWagAAk6wP/1wUx6O5a5Tza2mtIJ0m\n5zVq1+mC3qsr1w5rKHzhNJxBs3S7cxlVrs3EeG24Yg2/q6RIQwfiN34ZqkCS\nnES0qpdAUSSFiIBrjgsxEGxNwYQw+op6FpkrB5IWpZxim4FX7L94oMFXHwcr\n148tJks9EZvrF/PH9CJyJECV2j+t1Y5Wi3BQ+3Q14734rbkzbwKWldoUA9JJ\n2E9+rWhUFV6d/+DmmXStUHAxQQ3yTNEU2HRgcQ7LADcDkXB+9czo3r9qGvtJ\npBkMltBhrG70NT6BOWZ9OJJhMJY5Yc7vXkBkKVBBoJt35r1KsiILiZZJqHaY\nq/M6CTIpI0sVVIZqCD0lsQi/ao6ZRn/pr9ysvIPjErW4qjuwH7UqcZg5U2pv\n2ciKDQoJXE0xiidOBbBZkBnJ8KZhJLTJCJOYNZQMVv+aBdbpntthZmnwGDtQ\nryN7YKxScBxFemTdq4C82Sdvp3177+u+Q+JPqfbyPEaorsZYQJ6qnZHa508G\naMN0j5wEn3EzQbvPNbByRUCO5J2Lv7VTQht+/U5sPEhsWgH3/4ic0TzyhU38\nJQDozKGyj4BXCOhTXubrIgNRbZlwWfPalzBBX8ajTd5hmoD5CHDt24oIP29V\nlVOu7zVPqCYXRwWjMuUz1wxBWXvJwHz6yTBbo0Vmb0wu+EMMjqx0oUqWlcMp\nsR+H\r\n=ueen\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDjGK3S3XqEDDFH6hUWHJE9SBtHQkErttn80i9hw9kssAiA9X2jVEs2g+V2/qoAMftr1PxLgBmwntaY+T8X12i3EUQ=="}]},"maintainers":[{"name":"jmagnusson","email":"m@jacobian.se"},{"name":"tobiasahlin","email":"hello@tobiasahlin.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/spinkit_2.0.1_1572441253665_0.07533796106328206"},"_hasShrinkwrap":false}},"readme":"# [SpinKit](http://tobiasahlin.com/spinkit/)\n\nSimple loading spinners animated with CSS. See [demo](http://tobiasahlin.com/spinkit/). SpinKit only uses (`transform` and `opacity`) CSS animations to create smooth and easily customizable animations.\n\n## Usage\n\n- Add `spinkit.css` or `spinkit.min.css` to your project (or copy-paste the CSS that you need for your spinner—there are no dependencies between spinners, no shared classes, and no shared animations, etc, so it should be fairly straight-forward to extract only the code that you need)\n- Add a spinner to your project by copy-pasting HTML from `spinkit.css` or `examples.html`\n- Add the `sk-center` utility class to the spinner to center it (it sets `margin` to `auto`)\n- By default, the `width` and `height` of all spinners are set to `40px`. `background-color` is set to `#333`.\n- Configure the spinner by overwriting the CSS variables, primarily `--sk-size` (spinner width & height) and `--sk-color` (spinner color). If you need broader browser support, remove the CSS variables.\n\nYou can include SpinKit to your project with `bower`:\n\n```bash\n$ bower install spinkit\n```\n\nor npm:\n\n```bash\n$ npm install spinkit\n```\n\n## Spinners\n\nGiven that you have included `spinkit.min.css` in your project, these snippets will produce the different spinners:\n\n### Plane\n\n```html\n<div class=\"sk-plane\"></div>\n```\n\n### Chase\n\n```html\n<div class=\"sk-chase\">\n  <div class=\"sk-chase-dot\"></div>\n  <div class=\"sk-chase-dot\"></div>\n  <div class=\"sk-chase-dot\"></div>\n  <div class=\"sk-chase-dot\"></div>\n  <div class=\"sk-chase-dot\"></div>\n  <div class=\"sk-chase-dot\"></div>\n</div>\n```\n\n### Bounce\n\n```html\n<div class=\"sk-bounce\">\n  <div class=\"sk-bounce-dot\"></div>\n  <div class=\"sk-bounce-dot\"></div>\n</div>\n```\n\n### Wave\n\n```html\n<div class=\"sk-wave\">\n  <div class=\"sk-wave-rect\"></div>\n  <div class=\"sk-wave-rect\"></div>\n  <div class=\"sk-wave-rect\"></div>\n  <div class=\"sk-wave-rect\"></div>\n  <div class=\"sk-wave-rect\"></div>\n</div>\n ```\n\n### Pulse\n\n```html\n<div class=\"sk-pulse\"></div>\n```\n\n### Flow\n\n```html\n<div class=\"sk-flow\">\n  <div class=\"sk-flow-dot\"></div>\n  <div class=\"sk-flow-dot\"></div>\n  <div class=\"sk-flow-dot\"></div>\n</div>\n```\n\n### Swing\n\n```html\n<div class=\"sk-swing\">\n  <div class=\"sk-swing-dot\"></div>\n  <div class=\"sk-swing-dot\"></div>\n</div>\n```\n\n### Circle\n\n```html\n<div class=\"sk-circle\">\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n  <div class=\"sk-circle-dot\"></div>\n</div>\n```\n\n### Circle Fade\n\n```html\n<div class=\"sk-circle-fade\">\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n  <div class=\"sk-circle-fade-dot\"></div>\n</div>\n```\n\n### Grid\n\n```html\n<div class=\"sk-grid\">\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n  <div class=\"sk-grid-cube\"></div>\n</div>\n```\n\n### Fold\n\n```html\n<div class=\"sk-fold\">\n  <div class=\"sk-fold-cube\"></div>\n  <div class=\"sk-fold-cube\"></div>\n  <div class=\"sk-fold-cube\"></div>\n  <div class=\"sk-fold-cube\"></div>\n</div>\n```\n\n### Wander\n\n```html\n<div class=\"sk-wander\">\n  <div class=\"sk-wander-cube\"></div>\n  <div class=\"sk-wander-cube\"></div>\n  <div class=\"sk-wander-cube\"></div>\n</div>\n```\n\n## Web browser compatibility\n\nSpinKit uses CSS animations and variables:\n\n- CSS keyframes animations [are at +96.5% global support](http://caniuse.com/#feat=css-animation)\n- CSS variables [are at +91.8% global support](https://caniuse.com/#feat=css-variables)\n\n### Implementing a fallback spinner\n\nHow do you know if you need to provide a fallback? You can check for animation support with [Modernizr](http://modernizr.com), or manually check for the `animation` property, and replace the spinner with a GIF if it's not supported:\n\n```javascript\nfunction browserSupportsCSSProperty(propertyName) {\n  var elm = document.createElement('div');\n  propertyName = propertyName.toLowerCase();\n\n  if (elm.style[propertyName] != undefined)\n    return true;\n\n  var propertyNameCapital = propertyName.charAt(0).toUpperCase() + propertyName.substr(1),\n    domPrefixes = 'Webkit Moz ms O'.split(' ');\n\n  for (var i = 0; i < domPrefixes.length; i++) {\n    if (elm.style[domPrefixes[i] + propertyNameCapital] != undefined)\n      return true;\n  }\n\n  return false;\n}\n```\n\nUse it to check for `animation` support:\n\n```javascript\nif (!browserSupportsCSSProperty('animation')) {\n  // fallback…\n}\n```\n","maintainers":[{"name":"jmagnusson","email":"m@jacobian.se"},{"name":"tobiasahlin","email":"hello@tobiasahlin.com"}],"time":{"modified":"2022-06-26T22:53:46.860Z","created":"2015-07-20T20:04:13.398Z","1.1.0":"2015-07-20T20:04:13.398Z","1.2.0":"2015-07-20T20:12:40.814Z","1.2.1":"2015-07-26T12:16:05.442Z","1.2.2":"2015-08-31T16:04:00.885Z","1.2.3":"2015-11-18T09:21:34.742Z","1.2.4":"2015-11-23T13:29:15.742Z","1.2.5":"2015-11-23T13:37:55.605Z","2.0.0":"2019-10-28T10:37:29.671Z","2.0.1":"2019-10-30T13:14:13.863Z"},"homepage":"https://github.com/tobiasahlin/SpinKit","repository":{"type":"git","url":"git+https://github.com/tobiasahlin/SpinKit.git"},"author":{"name":"Tobias Ahlin Bjerrome"},"bugs":{"url":"https://github.com/tobiasahlin/SpinKit/issues"},"license":"MIT","readmeFilename":"README.md","keywords":["css","spinkit","spinner","loading","ui"],"users":{"ffi":true,"chorylee":true,"nsxz":true,"marcovossen":true}}