Abdullah Sharaf

CanvaMotion adds a new “Animated Background” capability to any Elementor Container or legacy Section element. It renders lightweight, GPU-friendly particle animations using the HTML5 Canvas 2D API and plain JavaScript — no external libraries, no iframes, no coding required.
Three animation types
<ul>
<li>Neural Network — Floating nodes connected by a glowing line web. Mouse repels nodes away from the cursor.</li>
<li>Particle Field — Glowing particles that drift and pulse in brightness. Mouse attracts particles magnetically toward the cursor.</li>
<li>Constellation — Sparse twinkling stars joined by dashed lines. Mouse exerts gentle gravity pulling nearby stars closer.</li>
</ul>
What you can control per container
<ul>
<li>Enable / disable animation with a single toggle</li>
<li>Choose animation type from a dropdown</li>
<li>Set dot colour, line colour, and optional canvas background colour</li>
<li>Adjust dot count (10–200), dot size (1–10 px), speed (0.1–5×), and mouse influence radius (50–400 px)</li>
<li>Live preview inside the Elementor editor — no page reload required</li>
</ul>
Performance
<ul>
<li>Animations pause automatically when scrolled out of the viewport (IntersectionObserver)</li>
<li>Canvas resizes automatically with the container (ResizeObserver)</li>
<li>JavaScript loads in the footer — zero render-blocking</li>
<li>No external HTTP requests at runtime</li>
<li>Canvas uses <code>pointer-events: none</code> — all content inside the container stays fully clickable</li>
</ul>
Compatibility
<ul>
<li>Works with modern Elementor Containers and legacy Section elements</li>
<li>Requires Elementor (free) — no Elementor Pro needed</li>
</ul>

CanvaMotion for Elementor

Animated canvas backgrounds for Elementor — Neural Network, Particle Field, and Constellation — with live preview and interactive mouse tracking.

Kate Spencer

Haven’t you ever wondered what the world would be like if GeoCities worked on your phone? Glitter Bomb brings interactive cursor effects and confetti-style particle fields to WordPress — with touch support that actually works. See it in action at <a href="https://klatespencer.com/glitter-bomb/" rel="nofollow ugc">klatespencer.com/glitter-bomb</a>.
<a href="https://klatespencer.com/rainbow-sprinkle/" rel="nofollow ugc">✨ Sprinkle Trail Mode</a> 
Particles follow your cursor on desktop and your finger on mobile with smooth gesture tracking. Choose between compact trails or scattered drifting patterns.
<a href="https://klatespencer.com/particle-field/" rel="nofollow ugc">💫 Particle Field Mode</a> 
Your entire page becomes a canvas of shimmering glitter. Particles drift, attract to your cursor or touch, and explode into sparkles on click or tap.
Honest assessment: No site needs this. It adds JavaScript, it competes with your content, and enabling it by default on a checkout page would be irresponsible. On a hero section, birthday page, portfolio, or anywhere a little extra is exactly right? Absolutely your call.
Features:
<ul>
<li>Touch-optimized from the start — particle trails follow your finger, tap triggers explosions, separate sizing controls for mobile vs. desktop, and an option to disable on mobile entirely</li>
<li>WCAG 2.2 AA compliant — keyboard navigation, screen reader support, <code>prefers-reduced-motion</code> respect</li>
<li>Six color palettes (Rainbow, Metallic, Neutral Spectrum, Warm Sunset, Cool Ocean, Custom)</li>
<li>Customizable toggle button: position, text, and gradient colors</li>
<li>No external dependencies, no tracking, no data collection</li>
<li>Performance optimizations: object pooling, particle culling, canvas scaling, RAF animation</li>
</ul>
Built with <a href="https://telex.im" rel="nofollow ugc">Telex</a> and <a href="https://claude.ai/code" rel="nofollow ugc">Claude Code</a>. More details at <a href="https://klatespencer.com/glitter-bomb/" rel="nofollow ugc">klatespencer.com/glitter-bomb</a>.
<h3>Contributing</h3>
Bug reports and contributions welcome: <a href="https://github.com/klatespencer" rel="nofollow ugc">github.com/klatespencer</a>

Glitter Bomb

Maximalist particle effects for WordPress — touch-responsive sparkle trails and glitter fields. WCAG 2.2 AA compliant.

CanvaMotion for Elementor vs Glitter Bomb