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.

nemtly

Nemtly Blocks is a powerful collection of animated Gutenberg blocks designed to make your WordPress site stand out. Add professional animations, effects, and interactive elements to your content with ease.
Features:
<ul>
<li>Animated Text Effects: Choose from multiple text animation styles including fade-in, scale-in, rotate-in, rise-up, tumble-in, elastic-scale, anime-text-scale, zoom-out-text, and more</li>
<li>Advanced Image Block: Enhanced image block with additional styling and animation options</li>
<li>Rating Block: Add star ratings to your content</li>
<li>Visual Effects: Cosmic neon effects, shimmer lines, animated ribbons, perspective text, and line revealer animations</li>
<li>Particle Container: Interactive particle background container with mouse-responsive effects</li>
<li>Fade Effects: Fade-in and fade-away animations for smooth transitions</li>
<li>Custom Block Category: All blocks are organized in a dedicated “Nemtly” category for easy access</li>
</ul>
Available Blocks:
<ul>
<li>Advanced Image</li>
<li>Animated Ribbon</li>
<li>Anime Text Scale</li>
<li>Cosmic Neon</li>
<li>Elastic Scale</li>
<li>Fade Away</li>
<li>Fade In</li>
<li>Line Revealer</li>
<li>Perspective Text</li>
<li>Rating</li>
<li>Rise Up</li>
<li>Rotate In</li>
<li>Scale In</li>
<li>Shimmer Lines</li>
<li>Tumble In</li>
<li>Zoom Out Text</li>
<li>Particle Container</li>
</ul>
All blocks are fully customizable and work seamlessly with the WordPress block editor. Simply add a block, customize the settings, and watch your content come to life with smooth, professional animations.

Nemtly Blocks

A collection of premium animated Gutenberg blocks to enhance your WordPress site with beautiful animations and effects.

CanvaMotion for Elementor vs Nemtly Blocks