Wave Background

Installation

Usage

import WaveBackground from "@/components/ruixen/wave-background";
 
export default function App() {
  return (
    <div className="relative h-screen w-full">
      <WaveBackground darkTheme={false} resolutionScale={1.0} />
      <div className="relative z-10">{/* Your content here */}</div>
    </div>
  );
}

Props

Prop	Type	Default	Description
`darkTheme`	`boolean`	`false`	Whether to use dark theme colors
`resolutionScale`	`number`	`1.0`	Scale factor for rendering resolution