Darshan Patel

<p>MotionCraft Scroll Animations adds smooth, scroll-triggered animations to any WordPress site. Apply animations with CSS classes, data attributes, or the Gutenberg block editor sidebar.</p>
<p>Built for performance and flexibility, the plugin uses lightweight animation techniques and Anime.js to create modern motion effects without slowing down your website.</p>
<h4>Features</h4>
<ul>
<li>6 built-in animation presets (fade, slide, zoom)</li>
<li>Gutenberg block editor integration with sidebar controls</li>
<li>Works with Elementor via CSS classes in the Advanced tab</li>
<li>Stagger animations for lists and grids</li>
<li>Timeline groups for sequenced animations</li>
<li>Custom animation builder (JSON-based)</li>
<li>Conditional loading and mobile disable options</li>
<li>Respects <code>prefers-reduced-motion</code></li>
<li>Developer hooks and filters for extending functionality</li>
<li>Lightweight and performance-focused architecture</li>
</ul>
<h4>Usage</h4>
<p>Add a CSS class to any element:</p>
<pre><code>anime-fade-up
</code></pre>
<p>Or use a data attribute:</p>
<pre><code>data-anime="fade-up"
</code></pre>
<p>The animation triggers automatically when the element scrolls into view.</p>
<h4>Custom Animations</h4>
<p>Define custom presets as JSON in:</p>
<p>Settings > MotionCraft</p>
<p>Example:</p>
<pre><code>{ "slide-rotate": { "opacity": 0, "translateX": -60, "rotate": -15 } }
</code></pre>
<h4>Compatibility</h4>
<ul>
<li>Elementor (Free and Pro)</li>
<li>Gutenberg Block Editor</li>
<li>Any modern WordPress theme</li>
</ul>
<h4>Performance</h4>
<ul>
<li>Deferred script loading</li>
<li>Scroll-triggered animations via IntersectionObserver</li>
<li>Optional mobile disable</li>
<li>No external CDN dependencies</li>
</ul>
<h4>For Developers</h4>
<ul>
<li>Extendable animation list via <code>mcsa_supported_animations</code> filter</li>
<li>Public API: <code>window.MCSA.refresh()</code> for dynamic content</li>
<li>All assets bundled locally</li>
</ul>
<h3>Third-Party Services</h3>
<p>This plugin includes the Anime.js library locally (MIT licensed).</p>
<h4>Anime.js</h4>
<ul>
<li>License: MIT</li>
<li>Source: https://animejs.com</li>
<li>Purpose: Provides the lightweight animation engine used by this plugin.</li>
<li>Data transmitted: None. No external requests are made. All assets are bundled locally.</li>
<li>MIT License: https://opensource.org/licenses/MIT</li>
</ul>


MotionCraft Scroll Animations

Add smooth, scroll-triggered animations to WordPress with CSS classes or Gutenberg block controls.

MotionCraft Scroll Animations vs Animation Addons for Elementor – GSAP Motion Elementor Addons & Website Templates