JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    A spinning activity indicator
    Filed under  › 

    • 🔾75%Overall
    • 9,334
    • 28.3 days
    • 🕩1062
    • 👥17

    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.

    Show All