🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

spin.js is a high configurable Loading Spinner built with CSS3 and jQuery. It works in all major browsers with No images, no external CSS and no dependencies (jQuery is supported, but not required).

loading-spinner

Documentation

spin.js JS.ORG

An animated loading spinner

  • No images
  • No dependencies
  • Highly configurable
  • Resolution independent
  • Uses CSS keyframe animations
  • Works in all major browsers
  • Includes TypeScript definitions
  • Distributed as a native ES6 module
  • MIT License

Installation

npm install spin.js

Usage

CSS

<link rel="stylesheet" href="node_modules/spin.js/spin.css">

TypeScript or JavaScript

import {Spinner} from 'spin.js';  var target = document.getElementById('foo'); new Spinner({color:'#fff', lines: 12}).spin(target);

For an interactive demo and a list of all supported options please refer to the project's homepage.


You May Also Like