spin.js

A spinning activity indicator

Usage no npm install needed!

<script type="module">
  import spinJs from 'https://cdn.skypack.dev/spin.js';
</script>

README

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.