Threejs particles waves

Interactive Three.js particle wave animation with 2500 white dots creating undulating wave patterns against black background, controlled by mouse movement.RetryG

by gg Shah

import ParticlesWaves from "@/components/ui/threejs-particles-waves";

const settings = {
  density: 50,
  speed: 1,
  amplitude: 50,
  separation: 100,
  particleColor: "#ffffff",
  bgColor: "#000000",
};

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-screen">
      <ParticlesWaves {...s} />
    </div>
  );
}

Published

9/18/2025

Similar components

Explore more

Wave components110 3D Background components146 Dot Particle components91 Three.js components77 Particle components239

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Threejs particles waves

Tags

Published

Similar components

Explore more