Currently version 0.9 - 20 loaders

Demos | Documentation

A SCSS mixin that turns a single element into a loading icon, built with just CSS!

How to use

Import the _loadit.scss file:

@import "loadit";

No extra html elements needed, simply use a single element, and add the mixin in your SCSS:

<div class="loadingDiv"></div>
.loadingDiv{
  @include loadit-bars;
}

It can also take arguments, with many different animations available:

.loadingDiv{
  @include loadit-target($color:red,$size:20px,$animation:wave);
}