MotionCraft Scroll Animations

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.

Features

• 6 built-in animation presets (fade, slide, zoom)
• Gutenberg block editor integration with sidebar controls
• Works with Elementor via CSS classes in the Advanced tab
• Stagger animations for lists and grids
• Timeline groups for sequenced animations
• Custom animation builder (JSON-based)
• Conditional loading and mobile disable options
• Respects prefers-reduced-motion
• Developer hooks and filters for extending functionality

Usage

Add a CSS class to any element:

anime-fade-up

Or use a data attribute:

data-anime="fade-up"

The animation triggers automatically when the element scrolls into view.

Custom Animations

Define custom presets as JSON in Settings > MotionCraft Scroll Animations:

{ "slide-rotate": { "opacity": 0, "translateX": -60, "rotate": -15 } }

Compatibility

• Elementor (Free and Pro)
• Gutenberg Block Editor
• Any WordPress theme

Performance

• Deferred script loading
• Scroll-triggered animations via IntersectionObserver
• Optional mobile disable

For Developers

• Extendable animation list via gmk_supported_animations filter
• Public API: window.GMK.refresh() for dynamic content
• All assets bundled locally (no external CDN dependencies)

Third-Party Services

This plugin includes the Anime.js library locally (MIT licensed).

Anime.js
* License: MIT
* Source: animejs.com
* Purpose: Provides the lightweight animation engine used by this plugin.
* Data transmitted: None. No external requests are made. All assets are bundled locally.
* MIT License: https://opensource.org/licenses/MIT