Skip to main content
An animated background with swirling particles that creates a mesmerizing whirlpool effect using Three.js.

Dependencies

npm install three postprocessing
npm install -D @types/three

Props

Prop NameTypeDefaultDescription
classstring""Additional CSS classes for custom styling.
blurnumber0Amount of blur to apply to the background, specified in pixels.
particleCountnumber2000Number of particles in the whirlpool animation.

Credits

  • Built with the Three.js library for 3D rendering and animations
  • Inspired by TroisJs

Build docs developers (and LLMs) love