DownloadOpen source CSS loading animations dedicated for speed, simplicity & dev-friendly. Loading.io's CSS spinner uses CSS Animation, which is wildly supported by all modern browsers such as Google Chrome and Mozilla Firefox. However, the Microsoft Internet Explorer version earlier than 10 doesn't support CSS Animation. To support older IE, you have to use a GIF format image. Choose one from loading.io's online spinner gallery and you can customize a unique loader GIF with our icon editor easily. Some older browsers need prefixes like '-WebKit-' to use CSS Animation. To minimize file size, we omitted all vendor prefixes in loaders' CSS, but you can customize this by building CSS from the source. We also provide stylus and pug source files for better integrating these spinners into your project. Find corresponding stylus and pug files for your desired spinners under src/ folders.
Features
- No external dependency and no additional library required
- Use any of them separately
- Use Stylus variables to quickly customize them to fit your needs
- Simply copy & paste while also easy to use with pug mixins
- Average size 1K per spinner unminimized, unzipped
- Copy HTML to where you need a loader
Project Samples
