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

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

TypeScript or JavaScript

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

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