csspin
v1.1.4
Published
CSS Spinners and Loaders - Modular, Customizable and Single HTML Element Code
Downloads
710
Maintainers
Readme
CSSPIN
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.
Demo
Check out Spinners in Motion
Project Using CSSPIN
Installation
Install CSSPIN with npm or Bower Package Manager
npm install csspin
bower install csspin
Less File Structure
./less/
... _globals.less
... _round.less
... csspin-xxxx.less
... csspin.less
How Less Stucture Works?
- 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 tocss/csspin-xxxx.css
for individual use - Less file named
csspin.less
imports all the partials and is compiled tocsspin.css
CSS File Structure
./css/
... csspin-xxxx.css
./csspin.css
How CSS Structure Works?
- CSS File named
csspin.css
consists CSS of all the spinners - CSS File named
csspin-xxxx.css
consists CSS of respective spinners
Credits
Crafted with :heart: at Webkul UXlab