Install
One package. No runtime dependencies.
npm install background-clouds
Live playground
Tune the atmosphere.
The controls below are connected to the package running in the background, so every change is rendered live.
From still air to a fast-moving front.
Blend the clouds into your interface.
The same seed creates the same cloud layout.
Pause or resume the animation controller.
Use
Point it at a fixed canvas and keep the returned controller.
import { createCloudBackground } from "background-clouds";
const clouds = createCloudBackground({
canvas: document.querySelector("#background-clouds"),
seed: "my-site",
speed: 0.8,
opacity: 0.9
});
clouds.destroy();