antigravityAntigravity particles
A particle field that gets out of the way.
A Three.js background that repels the pointer. Colour, count, size and shape are free; the physics — magnet radius, field strength, wave motion, depth — plus position, z-index and opacity are Pro.
Where it earns its keep: Section backgrounds on SaaS and agency sites; a hero that reacts without a video file.
Variants
Try it
Set it up in WordPress
- Background → Add Background
- Pick Antigravity Particles
- Customize → colours, count, physics
Scroll here to run it
The canvas sits behind every section, exactly as it would on your site.
What you are seeing
- animationType
- antigravity
- backgroundColor
- #0b1020
- particleColor
- #7c3aed
- particleShape
- tetrahedron
- particleCount
- 650
- particleSize
- 3.2
- particleVariance
- 2.4
- magnetRadius
- 26
- ringRadius
- 18
Field names match the WordPress admin, so any of this is reproducible in Background → Customize.
Every setting
Read straight from the plugin’s field manifest and licence gate (v2.3.2). Ranges are the ones the WordPress admin enforces.
| Field | Label | Type | Range | Default | Tier |
|---|---|---|---|---|---|
| backgroundColor | Background Color | color | — | — | Free |
| particleColor | Particle Color | color | — | — | Free |
| particleShape | Shape | token | — | — | Free |
| particleCount | Count | int | 50 – 1000 | — | Free |
| particleSize | Size | float | 0.5 – 10 | — | Free |
| particleVariance | Variance | float | 0 – 5 | — | Free |
| magnetRadius | Magnet Radius | float | 1 – 50 | — | Pro |
| ringRadius | Ring Radius | float | 1 – 50 | — | Pro |
| fieldStrength | Field Strength | float | 1 – 50 | — | Pro |
| waveSpeed | Wave Speed | float | 0 – 5 | — | Pro |
| waveAmplitude | Wave Amplitude | float | 0 – 10 | — | Pro |
| lerpSpeed | Lerp Speed | float | 0.01 – 1 | — | Pro |
| pulseSpeed | Pulse Speed | float | 0 – 10 | — | Pro |
| depthFactor | Depth Factor | float | 0 – 5 | — | Pro |
| rotationSpeed | Rotation Speed | float | 0 – 5 | — | Pro |
| autoAnimate | Auto Animate (when idle) | bool | — | — | Pro |
| enabled | — | bool | — | — | Free |
| backgroundName | — | text | — | — | Free |
| scope | Display Scope | token | — | — | Free |
| specificPages | — | text-long | — | — | Free |
| cssSelector | — | text-long | — | — | Free |
| position | Position | token | -9999 – 9999 | — | Pro |
| zIndex | — | int | — | — | Pro |
| opacity | Opacity | float | 0 – 1 | — | Pro |
| enableMultipleBackgrounds | — | bool | — | — | Pro |
| backgroundConfigurations | — | configs | — | — | Pro |
| respectReducedMotion | — | bool | — | — | Free |
Related
The effect is free to use; the settings on this page need Pro.
Get it freeSee Pro