Skip to main content

Preloader

Page preloader component that manages the visibility and lifecycle of a loading screen

Basic Demo​

More demos​

To explore more demos, click here.

Initialization​

caution

The module does not provide styling for the container.

<div id="preloader">Loading...</div>
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
import { Preloader } from "vevet";

const preloader = new Preloader({
  container: document.getElementById("preloader"),
  hide: 700
});

Destroy the preloader:

preloader.destroy();