spin.js

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="https://github.com/fgnass/spin.js/blob/master/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.