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.

adamhorne

Aizle Dots paints a living field of coloured particles behind or over your site. They drift slowly on their own, and part in a wide, soft wave around your visitor’s cursor. A premium, modern touch in two clicks.
It’s built to be the good kind of effect:
<ul>
<li>Dependency-free. One small vanilla-JavaScript canvas. No jQuery, no animation libraries, no bloat.</li>
<li>Private by design. No external requests, no tracking, no calls home. Your site stays your site.</li>
<li>Respectful. Honours the visitor’s “reduce motion” setting, pauses when the browser tab is hidden (saving battery and CPU), and never blocks clicks, links, or forms.</li>
<li>Tunable. A friendly settings page for colours, opacity, density, cursor behaviour, shapes, and where it shows.</li>
<li>Light. Particle count scales to the screen; you can disable it on mobile or place it behind your content for maximum readability.</li>
</ul>
Switch it on and it looks great immediately with sensible defaults, then make it yours.
What you can control
<ul>
<li>Your own colour palette (add or remove colours).</li>
<li>Opacity, density (more ↔ fewer dots), and particle size.</li>
<li>Cursor reach and push strength, plus how much the field drifts on its own (down to perfectly still).</li>
<li>Shapes: dots, squares, triangles, in any combination.</li>
<li>Layer: over your content (subtle overlay) or behind it (safest for text).</li>
<li>Where it appears: sitewide, the front page only, or by post type, with an exclude-by-ID list.</li>
<li>Accessibility & performance: respect reduced motion, and an optional “disable on mobile”.</li>
</ul>
Made by <a href="https://aizle.co" rel="nofollow ugc">Aizle</a>. Free, and genuinely free. The goodwill is the point.

Aizle Dots

Colourful particles that drift across your site and gently part around the cursor. An interactive background with no code and no libraries.

CanvaMotion for Elementor vs Aizle Dots