Pure CSS Loaders

Open source CSS loading animations dedicated for speed, simplicity & dev-friendly.
< 1.6KB per icon after minimized.

Download All
Source on Github More Spinnersfidget spinner

How to Use

  • Click the loader you want
  • Copy CSS to your CSS file
  • Copy HTML to where you need it
  • Done


Loading.io's CSS spinner uses CSS Animation, which is wildly supported by all modern browsers such as Google Chrome and Mozilla Firefox. However, Microsoft Internet Explorer version earlier than 10 don't support CSS Animation.

To support older IE, you have to use GIF format image. Choose one from loading.io's online spinner gallery and you can customize an unique loader GIF with our icon editor easily.

Some older browsers need prefix like '-webkit-' to use CSS Animation. To minimize file size, we omitted all vendor prefix in loaders' CSS, but you can customize this by building CSS from source. See README.md in the repo for more information.


All 12 CSS loading icons provided in this page are released under CC0 License, so just use them freely! We also provide advanced license and editor for premium loaders and animated icons, don't forget to check it out :)

CloseTotal size:
By continuing to browse, you agree to our use of cookies.
For more details please check our privacy policy.

loading.io loader

Loading.io is brought to you by:
PlotDB Ltd. brand logo / 見聞科技有限公司 VAT No. 52518929

Service for making ajax loaders / loading gifs / preloaders and animated icons, live background, animated text in GIF / SVG / APNG / CSS.

Customer Service: [email protected]