Components
Loading preview...
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.
@easemize
npx shadcn@latest add https://21st.dev/r/easemize/particle-waveimport { 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 };