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.
10 settings in the free plugin
The effect itself is free and runs with these settings. Nothing in the free dashboard is locked or greyed out.
17 more with Pro
Magnet Radius, Ring Radius, Field Strength, Wave Speed, Wave Amplitude, Lerp Speed, Pulse Speed, Depth Factor, and more.
Every setting
Read straight from the plugin’s settings schema and the fields Pro registers (v2.5.0). 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 | Select Pages | text-long | — | — | Pro |
| cssSelector | CSS Selector | text-long | — | — | Pro |
| position | Position | token | fixed · absolute | — | Pro |
| zIndex | Z-Index | int | -9999 – 9999 | — | 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