Toggle Sidebar B
AppearanceLight & dark mode D

Antigravity

3D antigravity particle field that repels from the cursor with smooth motion.

Default

Particles gather into a ring around the pointer. When the pointer rests, the ring wanders on its own. Every property is wired to the controls underneath.

Dark previewReplay previewOpen in new tab

Customize

Color
Particle Shape
Magnet Radius6
Ring Radius7
Wave Speed0.4
Wave Amplitude1
Particle Size1.5
Particle Variance1
Lerp Speed0.05
Count300
Rotation Speed0
Depth Factor1
Pulse Speed3
Field Strength10

API Reference

Antigravity

PropTypeDefaultDescription
countnumber300Number of particles.
magnetRadiusnumber10Radius of the magnetic field.
ringRadiusnumber10Radius of the formed ring.
waveSpeednumber0.4Speed of the wave animation.
waveAmplitudenumber1Intensity of the wave (0 for a perfect circle).
particleSizenumber2Scale multiplier for particles.
lerpSpeednumber0.1How fast particles move to the ring.
colorstring'#FF9FFC'Color of the particles.
autoAnimatebooleanfalseAutomatically animate when idle.
particleVariancenumber1Variance in particle size (0-1).
rotationSpeednumber0Rotation speed of the ring.
depthFactornumber1Z-axis depth multiplier.
pulseSpeednumber3Speed of particle size pulsation.
particleShape'capsule' | 'sphere' | 'box' | 'tetrahedron''capsule'Shape of the particles.
fieldStrengthnumber10Tightness of the ring formation.

Accessibility

Keyboard shortcuts and ARIA behavior.

  • Purely decorative canvas. Keep important content outside of it or above it.