Components
Particle Galaxy
An interactive 3D spiral galaxy of shader-rendered particles you can drag to rotate, scroll to zoom, and customize with color, glow, and density controls.
"use client";
import { ParticleGalaxy } from "@/components/ui/particle-galaxy";
const settings = {
particleCount: 10000,
particleSize: 0.02,
rotationSpeed: 0.001,
spiralArms: 3,
spread: 2.5,
density: 0.7,
glow: 60,
autoRotate: true,
pulsate: true,
};
export default function Demo(props: Partial<typeof settings>) {
const s = { ...settings, ...props };
return (
<div className="h-screen w-screen bg-black">
<ParticleGalaxy {...s} />
</div>
);
}