43 components available

Particle Vortex

February 2025

Login to access the code

A dynamic particle and line animation simulating a swirling vortex with concentric discs and radial connections.

Playground

() => {
return (
  <div style={{ height:400 }}>
    <ParticleVortex
      centerSize={128}
      particleCount={500}
      particleSpeed={0.005}
      color='#2e2e2e'  
    />
  </div>
)
};

Installation

Whoops, hang on for a sec

You don't have access to view this resource

Login to access

API Props

Prop	Type	Default
centerSize	number	128
particleCount	number	500
discCount	number	20
lineCount	number	100
particleSpeed	number	0.005
discSpeed	number	0.001
color	string	"#222"