js-loading-overlay
Advanced tools
Easy and beautiful way to display loading overlay in your application.
Display loading overlay easily and beautifully in your application. JS loading overlay using awesome spinner from Load Awesome. It contains 52 spinner you can choose.
Full page loading overlay. Able to show full page loading overlay.
Loading overlay inside container. Able to display the loading overlay inside the container
Lock scroll. Able to lock the scroll during loading overlay active.
For detail of installation instructions, in-depth usage, please take a look at the documentation.
NPM
npm install --save js-loading-overlay
Yarn
yarn add js-loading-overlay
Use without NPM or Yarn
import 'js-loading-overlay'
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});
import 'js-loading-overlay'
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});
or
<script src="js-loading-overlay.min.js"></script>
JsLoadingOverlay.show({'spinnerIcon': 'triangle-skew-spin'});
JsLoadingOverlay.show();
JsLoadingOverlay.show({
'overlayBackgroundColor': '#666666',
'overlayOpacity': 0.6,
'spinnerIcon': 'ball-atom',
'spinnerColor': '#000',
'spinnerSize': '2x',
'overlayIDName': 'overlay',
'spinnerIDName': 'spinner',
});
JsLoadingOverlay.hide();
Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
The MIT License (MIT). Please see License File for more information.
FAQs
Easy and beautiful way to display loading overlay in your application.
The npm package js-loading-overlay receives a total of 3,407 weekly downloads. As such, js-loading-overlay popularity was classified as popular.
We found that js-loading-overlay demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.
Product
Socket now supports uv.lock files to ensure consistent, secure dependency resolution for Python projects and enhance supply chain security.
Research
Security News
Socket researchers have discovered multiple malicious npm packages targeting Solana private keys, abusing Gmail to exfiltrate the data and drain Solana wallets.