CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code.

CSSPIN Library has a different set of interactive Pure CSS Loaders and Spinners which are built on the top of LESS Preprocessor. Individual Pure CSS Loader or Spinner can be easily customized and can be embedded with Single HTML Element in your next Dev Project.

Check out Spinners in Motion

Opencart Point of Sale

Install CSSPIN with npm or Bower Package Manager

npm install csspin

bower install csspin

./less/
  ... _globals.less   
  ... _round.less   
  ... csspin-xxxx.less   
  ... csspin.less   

• Less files with _ are partials and have actual magic
• Less files without _ only imports partials
• Less files named csspin-xxxx.less imports _globals.less and respective _partial.less
• Less files named csspin-xxxx.less acts as an individual module and can be compiled to css/csspin-xxxx.css for individual use
• Less file named csspin.less imports all the partials and is compiled to csspin.css

./css/    
  ... csspin-xxxx.css 
./csspin.css  

• CSS File named csspin.css consists CSS of all the spinners
• CSS File named csspin-xxxx.css consists CSS of respective spinners

Crafted with ❤️ at Webkul UXlab