Fork me on GitHub

spin.js

spin.js (ESM) spin.umd.js spin.css

Example
















Features

Spin.js dynamically creates spinning activity indicators that can be used as a resolution-independent replacement for loading GIFs.

Installation

Run npm install spin.js, or save the spin.js and spin.css files in your repository.

JS bundling

For best performance and compatibility, it is recommended to use a module bundler such as Parcel, Rollup, or Webpack to create a production-ready code bundle. However, in modern browsers it is also possible to directly load the module via a script tag:

<script type="module" src="node_modules/spin.js/spin.js"></script>

If for some reason you can't use ECMAScript modules or a module bundler, download spin.umd.js and save it in your repository. The UMD script can be used as follows:

var spinner = new Spin.Spinner(opts).spin(target);

Note that the UMD version is only available as a temporary workaround. Longer term it is recommended to migrate to the standard ECMAScript module.

CSS

Load the spin.css file to include the default animation presets. You could alternatively create a custom CSS keyframe animation (in your own CSS file) and set it using the animation property.

Note: do not use <script> or <link> tags directly referencing the files on this website. Doing this is likely to break your app whenever a major new version is released.

Usage

Run the following code when the document has loaded:


The spin() method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.

Manual insertion

In order to manually insert the spinner into the DOM you can invoke the spin() method without any arguments and use the el property to access the HTML element:

var spinner = new Spinner().spin();
target.appendChild(spinner.el);

Hiding the spinner

To hide the spinner, invoke the stop() method, which removes the UI elements from the DOM and stops the animation. Stopped spinners may be reused by calling spin() again.

Positioning

The spinner is absolutely positioned at 50% of its offset parent. You may specify a top and left option to position the spinner manually.

Note: The spinner element is a 0×0 pixel div that represents the center of the spinner. Hence, if you passed {top:0, left:0} only the lower right quarter of the spinner would be inside the target's bounding box.

The spinner element must be surrounded by an element using relative positioning, or the spinner will be outside of the parent element.

Supported browsers

Spin.js has been successfully tested in the following browsers:

Changes

See CHANGELOG.md

Support

If you encounter any problems, please use the GitHub issue tracker.

Authors

Felix Gnass

JS ?? React ?? NodeJS ??

Twitter: @fgnass

Theodore Brown

PHP ?? TypeScript ?? SQL ??

Website: theodorejb.me
Twitter: @theodorejb

日本在线加勒比一本道在线观看,色久久,a片狂干美女,啪啪激情综合,桃花影院 青青草视频大香蕉 2018天天看夜夜看狠狠看,2018天天看夜夜晚,2018天天躁夜夜躁 久久婷婷五月色香综合缴_边摸边吃奶边做gif视频 国产人妻少妇精品视频 国内大量揄拍人妻在线视频 日本高清不卡码无码v亚洲 在线观看国产人妻视频 超碰久久人人摸人人搞,caoprom超碰公开国产,日本无码不卡中文免费v,偷拍在线亚洲手机视频 人人操在线公开视频,第一会所综合社区,久草在线新时代的视觉,高清日本无码电影网站,老司机福利 神马影院电影888午夜理论不卡,日韩欧美一中文字暮2019,亚洲欧美中文日韩视频 日韩一级毛片欧美一级,男人都来的网站,大香蕉影院,伊人香蕉视频久久网,啪啪啪免费视频 久久爱免费视频最新,亚洲Av -宅男色影视,越碰人人在线公开视频_CaoPorn,琪琪色原网站影音先锋
天天综合网天天综合色_久久爱色综合天天综合网_天天躁夜夜躁狠狠 99RE6热这里在线精品视频_久久精品国产只有精品_国产极品精品免费视频 色啪在线视频免费观看|色偷偷亚洲男人的天堂|色综合色久久综合图片|色啪在线视频免费观看 国产大香蕉视频播放_香蕉视频在线精品视频_国产自拍偷拍在线视频 《任我爽橹在线视频精品》高清在线观看欧美a片-亚洲欧美国产综合aV! 草久久爱久久爱久久热在线 青青草视频 久草草在线新免费观看 青青青草网站免费观看,亚洲天堂无码一本道 日本A级作爱片_日本高清免费毛片大全_国产人妻少妇精品视频_任我爽橹在线精品视频 福利视频_国产福利视频拍拍拍_国产亚洲精品福利视频_在线观看深夜福利视频_国产福利视频在线观看福利_第一福利在线永久视频_美女自卫慰视频福利www_午夜福利视频 久久精品视频,久久精品在线视频,AV在线视频成人社区久久|久就在现精品草 欧美 国产 日产 韩国,欧美精品videossexohd,欧美 av亚洲 av国产 制服 亚洲 图片 欧美 图 色-自拍 另类 综合 欧美-另类 专区 欧美 制服-综合图区 经典 亚洲欧美国产综合aV_国产综合亚洲区_成 人 国产系列 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 婷婷六月丁香综合基地,色偷偷男人的天堂a v,免费可以看污的完整视频软件 超碰最新 - 黑粗硬大欧美在线视频五夜天视频APP_福利APP 国产人妻少妇精品视频 国内大量揄拍人妻在线视频 日本高清不卡码无码v亚洲 在线观看国产人妻视频 光棍天堂-男人的天堂-三级片-A片-免费A级毛片亚洲免费无码中文在线_亚洲综合色在线视频 国语自产精品视频在_九九热线有精品视频6国产精品大陆在线视频 在线精品国产在线视频_aaa成免费人电影国产在线精品视频免费观看婷婷开心色四房播播 欧美成人电影 国产you女视频 亚洲做性视频免费观看 992tv在线香蕉 中文字幕乱码免费_日韩欧美一中文字暮精品_中文乱码字幕在线观看_中文字幕一本到无线_中文字幕完整高清版 日久干草青青视频免费_日本近親倫亂中文字幕av視頻 adc影院在线视频播放,香蕉五月天婷婷,在.线免费观看a片 丁香五月啪啪,激情综合,色久久,色久久综合网婷婷六月丁香综合基地|导航色 2018天天看夜夜看,高清毛片,最新最全美女在线视频网站免费互动交流网站,国产自拍,成人光棍电影天堂,免费三级现频在线观看 丁香五月开心婷婷综合 五月婷婷开心缴情网 开心网五月 亚洲偷自拍精品视频在线观看|国产美女一级A做爰|亚洲 欧美 国产-首页 天天嚕2017最新视频免费-天天日影院-夜夜橾天天橾b免费视频-天天碰天天摸公开视频 人人澡超碰碰中文字幕,人人天天夜夜日日狠狠,久久人人97超碰,人人婷婷开心情五月,日日摸天天摸人人看, 久草在线新免费观看 青青青视频在线观看 青青草在线播放观看 青青草视频免费观看,加勒比久久综合久久 五夜天视频APP_福利APP开心婷婷五月综合基地 亚洲欧美国产综合aV_欧美国产AV免费播放_亚洲欧美成AⅤ人在线观看-首页 青青热久免费精品视频,日本欧美高清免费视频 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 五月天婷婷_日韩中文字幕_伊人人大蕉_caonila 在线视频分享 中文字幕乱码免费_日韩欧美一中文字暮精品_中文乱码字幕在线观看_中文字幕一本到无线_中文字幕完整高清版 天天日夜夜操/5x在线视频/在线视频四色/琪琪在线线观看视频 夜夜骑视频|黄色播放器|AV电影在线|很很鲁很很很鲁很很鲁在线视频播放 日日鲁夜夜啪在线视频-日本毛片高清免费视频-一本道亚洲区免费观看-日日啪日韩在线-欧美肥胖老太videos- 婷婷开心色四房播播|四虎影视在线地址最新|91国产精品情侣愉拍|伊人免费视频 曰曰夜夜在线影院视,老司机在线视频,我爱52avav永久网址,日本毛片亚洲 亚洲 欧美 国产 综合_国产精品亚洲在钱视频_国产成 人 综合 亚洲_日本高清色视频www 免费av亚洲国产在线-深夜福利-99精品国产免费观看视频 久久婷婷五月综合色啪_国产伊人久久大香蕉_大香蕉网伊人网4在线观看 国产人妻少妇精品视频 国内大量揄拍人妻在线视频 日本高清不卡码无码v亚洲 在线观看国产人妻视频 国语自产精品视频在_九九热线有精品视频6国产精品大陆在线视频 夜夜骑视频|黄色播放器|AV电影在线|很很鲁很很很鲁很很鲁在线视频播放 久久精品国can视频在热-日日干夜夜猛射 任我爽橹在线精品视频任我橹在线视频,欧美在线视频网站,天天日天天射天天舔 97夜夜澡人人爽人人喊,自拍一区 综合图区,伊人久久综在合线亚洲,伊人狼人综合av 福利视频_国产福利视频拍拍拍_国产亚洲精品福利视频_在线观看深夜福利视频_国产福利视频在线观看福利_第一频 草久久爱久久爱久久热在线 青青草视频 久草草在线新免费观看 青青青草网站免费观看,亚洲天堂无码一本道 福利视频_国产福利视频拍拍拍_国产亚洲精品福利视频_在线观看深夜福利视频_国产福利视频在线观看福利_第一频 黑粗硬大欧美在线视频-a毛片免费全部播放-午夜在线播放免费人成 开心婷婷五月综合基地_五月丁香六月综合缴情_激情综合色久久啪啪 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 草久久爱久久爱久久热在线 青青草视频 久草草在线新免费观看 青青青草网站免费观看,亚洲天堂无码一本道 青娱乐极品盛宴,青青草网站,青青青免费视频在线观看,av国产精品在线手机视频 外国老人做受,亚洲 自拍 色综合图区av,欧美日韩在线 久久这里只精品99RE66_九九热线有精品视频6_精品国产自在自线官方_子夜精品视频在线_久久这里只精品99RE66 日日干夜夜猛射,电影天堂2012,javbus上不去,新sss在线欧美整片 欧美色情在线_国产成 人 综合 亚洲_91国产精品视频_国产亚洲综合欧美视频_亚洲欧美国产综合精品 青青青国产手机观看视频2019,香蕉网久久,国产大香蕉在线,大香蕉电影在线 日久干草青青视频免费_日本近親倫亂中文字幕av視頻 青青青青手机兔费视频_青青在线国内在线播放_青青青在线播放观看视频 国产人妻少妇精品视频,一本到国内在线视观看,****伊人成综合网 国产大香蕉视频播放_香蕉视频在线精品视频_国产自拍偷拍在线视频 久久播_久播电影网-亚洲人成电影网站免费-青青草观看-大香蕉视频 大香蕉网 欧美免费观看全部_久久女婷五月综合色啪_天天夜夜_人人天天夜夜日日狠狠 青青青国产手机观看视频2019,香蕉网久久,国产大香蕉在线,大香蕉电影在线 在线精品国产在线视频 国产亚洲精品俞拍视频 精品国产福利在线视频 日久干草青青视频免费_日本近親倫亂中文字幕av視頻 天天色综合_天天色情网_天天啪啪啪,手机青青在线观看国产,蝌蚪人人手机视频专题 久草在线新免费观看 青青青视频在线观看 青青草在线播放观看 青青草视频免费观看,加勒比久久综合久久 久久色综合久久色综合久久色,啪啪啪视频大全,天天爽天天透天天伊人,久久中文字幕视频,2019日本高清无码激情播放 亚洲 欧美 日韩 国产 另类亚洲 另类 欧美 日本 亚洲 中文 自拍 另类 欧美_逼视频_伦午夜理_六月婷婷缴清综合在线 青青青免费视频在线-首页青青青免费视频在线观看_亚洲AV 欧美AV 国产 制服-人人插-91在线国自产视频 福利视频_国产福利视频拍拍拍_国产亚洲精品福利视频_在线观看深夜福利视频_国产福利视频在线观看福利_第一福利在线永久视频_美女自卫慰视频福利www_午夜福利视频 在线成本人视频动漫,成本人动画片在线观看,亚洲人成电影网站免费 天天躁夜夜躁狠狠_天天躁日日躁狠狠躁_大芭蕉天天视频在线观看 五夜天视频APP_福利APP开心婷婷五月综合基地 伊人大杳蕉青青视频_伊人大杳蕉情侣成综合_伊人9在线观看免费观看 精品香蕉视频在线播放-高清云影视免费为大家提供最新最全的免费电影 青青青草网站免费观看 青青草视频在线观看 久久在线视频 最新国产精品精品视频_国产在线播放精品视频_国产精品AV免费观看 天天草夜夜草,成人在线观看视频,好看的黄色片,天天爱搞搞 2019国产精品青青草原,亚洲阿v天堂在线2017 婷婷丁香五月天-婷婷六月丁香伊人-_一道本伊人久久爱-一道本在线-一道本久久综合久久爱-_在线视频国产精品欧美-国产视频久久热精品- 在线精品国产在线视频 国产亚洲精品俞拍视频 精品国产福利在线视频 日本av 中文字幕 在线观看,亚洲综合日韩在线2020,日本AV精品中文字幕_主页 伊人大杳蕉青青视频,青青青在线视频大杳蕉,青青小草国产在线播放,依人青青青免费观看,青青青爽在线视频观看,青青精品视频国产,青青伊人网 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 最新无码专区在线视频,最新高清无码专区,欧美av无码高清在线-首页 青青精品国产自在线拍,含羞草免费观看 国语自产精品视频在_九九热线有精品视频6国产精品大陆在线视频 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 久草色福利在线观看视频|国产成 人 综合 亚洲|亚洲 欧美 国产 综合 黑粗硬大欧美在线视频,羞羞午夜福利免费视频,免费人疯狂做人爱视频,欧美香蕉视频播放二区,国产香蕉尹人视频在线 亚洲av综合av国产av_日韩欧美一中文字暮精品_中文字幕乱码在线播放_拍拍拍无挡视频免费_美女视频黄频大全视频 免费国产久久啪久久爱_擼久久熱这里只是精品_青青草a免费线观a_小明白白费观看视频_紫夜影视网 一区二区三区高清视频_青青河边草在线视频免费观看_小草影视在线视频观看 伊人大杳蕉青青视频-香蕉视频黄站1204-免费香蕉依人在线视频-香蕉尹人综合在线观看 色色色色色 - 日本视频高清免费观看 98精品免费视频,98精品视频在线,se98在线精品视频|91在线观看官网,在线看的性视频网站 丁香五月开心婷婷综合|色和尚五月天|欧美激情在线线路一|四虎影视地址最新在线2018 久久婷婷五月综合色啪_国产伊人久久大香蕉_大香蕉网伊人网4在线观看 日久干草青青视频免费在线看片z,日本人与黑人做爰日久干草青青视频免费|浴室一家亲 亚洲 图片 欧美 图 色-自拍 另类 综合 欧美-另类 专区 欧美 制服-综合图区 经典 99热在线视频观看免费,婷婷色婷婷开心五月四房播播,亚洲第一狼人,色迷迷 亚洲人成网站77777,欧美图亚洲色另类图片,亚洲欧洲自拍图片专区,伊人影院蕉久影院直播福利 草久久爱久久爱久久热在线 青青草视频 久草草在线新免费观看 青青青草网站免费观看,亚洲天堂无码一本道 擼一把-天天视频鲁一鲁_狠狠爱狠狠噜精品在线日日夜夜噜免费观看 两人做人爱完整版视频_两个人做人爱一级视频大全 久久热免费观看视频_青青草视频免费观看_青青青免费视频在线-首页青青青免费视频在线观看 天天日夜夜操/5x在线视频/在线视频四色/琪琪在线线观看视频 伊人大杳蕉青青视频_青春草_青青视频在线观看精品vip_人人天天夜夜曰曰 午夜福利1000集福利92757-4438x全国大免-欧美群交性色-2018天天看夜夜看狠狠看-日本一道本高清专区免费 伊人影院,青青草a免费线观a,久久色综合征,久久爱看免费观看,丁香五月婷婷,一本道久在道最新2019 国产欧美整片v|青青青手机免费视频|国产午夜精华 51夜间视频在线观看 欧美av无码高清在线 51vv视频社区福利 夜夜爽天天啊,天天曰夜夜回,天天啪久久国产,天天摸日日碰人人看,天天穞日日穞夜夜穞,天天夜夜日日高清在线 人人天天夜夜日日狠狠_天天夜夜i日日高清在线_日日摸天天摸人人看 国产精品香蕉视频在线_人人超人人超碰超国产_人摸人人人澡人人超碰_首页 青青青免费视频在线——手机版青青青草免费观看 婷婷六月丁香综合基地,色偷偷男人的天堂a v,免费可以看污的完整视频软件 国产亚洲精品福利视频,高清国产午夜福利在线视频,国产私拍福利精品视频 亚洲欧美国产综合aV_国产欧美高清在线观看_欧美视频毛片在线播放_亚洲欧美中文日韩视频 精品国产高清自在线看 精品国产自在线拍手机观看 青青精品国产自在线拍 国产精品av2019第一网站 紫夜影视网-午夜电影院-三级片-五月丁香-八哥电影 神马妹子图都有的性感美女图片网 - 纯妹妹网 国产亚洲中文字幕在线播放|欧美日韩制服首页|丝袜美腿另类-首页 外国老人做受,亚洲 自拍 色综合图区av,欧美日韩在线 国产人妻少妇精品视频,一本到国内在线视观看,****伊人成综合网 夜夜天天拍拍,学生妹人人摸碰,夜夜橾天天橾b在线观看_人人天天夜夜曰曰狠狠狠 伊人大杳蕉青青视频_青春草_青青视频在线观看精品vip_人人天天夜夜曰曰 在线精品国产在线视频 国产亚洲精品俞拍视频 精品国产福利在线视频 国产人妻少妇精品视频,一本到国内在线视观看,****伊人成综合网 欧美 国产 日产 韩国,欧美精品videossexohd,欧美 av亚洲 av国产 制服 久久播_久播电影网-亚洲人成电影网站免费-青青草观看-大香蕉视频 大香蕉网 天堂AV在线AV,国产亚洲视频中文字幕,国内国内精品视频,以满足广大秒拍控为宗旨的视频网 伊人影院,青青草a免费线观a,久久色综合征,久久爱看免费观看,丁香五月婷婷,一本道久在道最新2019 国产综合亚洲区_自拍 另类 综合 欧美_亚洲 欧美 国产 综合-aV欧美 99RE6热这里在线精品视频_久久精品国产只有精品_国产极品精品免费视频 天天干夜夜爱 天天色播 天天射天天舔_好吊色青青青国产_青青青国产在线观看手机免费 亚洲欧美中文日韩天堂AV_好看Av亚洲va欧美Ⅴa在线_亞洲Av 歐美a V 日本A V_亚洲 欧美 中文 日韩Av在线 人人影视2019—人人视频~久久人人97超碰人人澡~人人鲁免费播放视频 青青青草网站免费观看 青青草视频在线观看 久久在线视频 哥哥色,超频在线免费观看视频,天天日夜夜干b视频,天天啪啪啪