NebulaCloud

A volumetric gas cloud background effect using Three.js and custom shaders.

Usage

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

export default function App() {
  return (
    <div className="relative h-screen w-full">
      <NebulaCloud color="#8b5cf6" speed={1} opacity={0.5} />
    </div>
  );
}

Props

Prop	Type	Default	Description
color	string	"#8b5cf6"	Primary color of the nebula
speed	number	1	Speed of the cloud movement
opacity	number	0.5	Opacity of the clouds