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

API Props

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