A 3D interactive particle field rendered with three.js that reacts to mouse movement and supports customizable color, count, and size.
import { Particles } from "@/components/ui/particles"; const settings = { particleCount: 25000, particleSize: 5, animate: false, }; export default function ParticlesDemo(props: Partial<typeof settings>) { const s = { ...settings, ...props }; return ( <div className="h-screen w-screen"> <Particles color="#ffffff" particleCount={s.particleCount} particleSize={s.particleSize} animate={s.animate} className="z-0" /> </div> ); }