Interactive Waves

this Component includes the custom AWaves element, the necessary styling, and the interactive canvas. I also included a standard Perlin noise generator that was needed for the wave effect.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Interactive Waves to your project and fits it to your theme.

import Waves from "@/components/ui/interactive-waves";

export default function DemoOne() {
  return <Waves />;
}