Nebula

Nebula is a lightweight (1kb compressed) JavaScript library that creates beautiful universe and sky animations.

Installation

npm install @flodlc/nebula

usage

Vanilla JS

import { createNebula } from "@flodlc/nebula";
<div id="nebula-element"></div>
const element = document.getElementById("nebula-element");
const nebula = createNebula(element, {
 starsCount: 250,
 starsRotationSpeed: 3,
 nebulasIntensity: 8,
 ...
});
// ... if needed:
nebula.destroy()

React

import { ReactNebula } from "@flodlc/nebula";
export default App = () => {
 return (
 <>
 // With default config
 <ReactNebula/>
 // With custom config
 <ReactNebula config={{
 starsCount: 250,
 starsRotationSpeed: 3,
 nebulasIntensity: 8,
 ...
 }}/>
 </>
 );
}

Config