Customisable javascript skeleton loader.

Last update: Dec 1, 2022

Overview

JS Skeleton loader

Simple but very powerful loader package built with full javascript.

Installation

To install this package, include index.js file into your site head or end of the body section as a script.

<head>
    <!-- <script src="index.js"></script> -->
</head>
<body>
    <!-- Component in which loader will be initiated -->
    <div id="loader"></div>

    <!-- OR -->
    <!-- <script src="index.js"></script> -->
</body>

Basic Use

JS Skeleton loaders is very easy to use. It works with initializing of Loader class and render with given widget of view. A demo of input widget is given bellow,

new Loader('loader').render([
    ['round'],
    ['line*3', {
        style: [{
            borderRadius: "5px"
        }, {
            borderRadius: "5px",
            width: '60%'
        }]
    }]
], {
    numbers: 3,
    parentStyle: {
        height: "50px",
        width: "80%"
    },
    style: {
        width: "100%"
    }
});

It should looks like,

Authors

Initial development - A. M. Sadman Rafid

Security Vulnerabilities

If you discover a security vulnerability within JS Skeleton Loader, please send an e-mail to A. M. Sadman Rafid via [email protected]. All security vulnerabilities will be promptly addressed.

License

The JS Skeleton Loader is open-sourced software licensed under the MIT license.

Finally, a simple, lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* using the IntersectionObserver API

Simply Lazy A simple & lightweight (0.6kb), pure JavaScript image lazy loader that even works in IE* utilizing the built in IntersectionObserver API i

Dec 26, 2022

Three.js boilerplate project configured with typescript, webpack and css/style loader, HTTPS local server, and a sample test codes !!

three.js-boilerplate Welcome, this is a three.js boilerplate project where you can clone it and start to work !!! Installed and Configured Items: Type

Jul 6, 2022