Particle Wave

A dynamic and interactive background component for React that renders a mesmerizing wave of particles. Built with three.js for high-performance, GPU-accelerated animation, this component provides a beautiful and engaging visual experience. It's fully responsive and theme-aware, automatically switching between light and dark modes to match your application's design. As part of the EaseMize UI library, it's easy to integrate and great to customize.

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

import { ParticleWave } from "@/components/ui/particle-wave";

const DemoOne = () => {
  return (
        <div className="relative w-full h-screen bg-background overflow-hidden">
      <ParticleWave />
      <div className="absolute top-4 left-4 z-10 text-foreground/80 text-sm font-mono">
        <p>Particle Wave Animation</p>
        <p className="text-xs opacity-60 mt-1">Move your mouse to interact</p>
      </div>
    </div>
  );
};

export { DemoOne };