Gradient Wave

PreviousNext

Namespaced registries let you configure multiple resource sources in one project.

Installation

pnpm dlx shadcn@latest add https://aliimam.in/r/gradient-wave.json

Usage

import { GradientWave } from "@/components/gradient-wave";
export default function Page() {
  return (
    <div>
       <GradientWave
        colors={["#ffffff", "#fb7185", '#e879f9', "#a3e635", "#ffffff"]}
        shadowPower={4}
        darkenTop={false} 
        noiseFrequency={[0.0001, 0.0002]}
        deform={{ incline: 0.2, noiseAmp: 100, noiseFlow: 2 }}
      />
    </div>
  );
}