Nebula

Colorful gas cloud effect using WebGL shaders.

Properties

speed1

Animation speed multiplier

nebulaColor#8a2be2

Color of the nebula

backgroundColor#000000

Background color

density1

Density of the nebula

Installation

npm install @reactomega/ui three @react-three/fiber

Usage

import { Nebula } from '@reactomega/ui';

export default function App() {
  return (
    <div className="relative w-full h-screen">
      <Nebula speed={1} nebulaColor="#8a2be2" />
    </div>
  );
}