Dynamic Wave Canvas Background

Component that creates a dynamic, colorful wave animation as a canvas background. Ideal for visually captivating hero sections, blending smooth animations with deep blues, purples, and gray tones for an engaging dark theme.

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

// This is file with demos of your component
// Each export is one usecase for your component

import HeroWave from "@/components/ui/dynamic-wave-canvas-background";

const DemoOne = () => {
  return <HeroWave />;
};

export { DemoOne };