{"id":306397,"date":"2026-05-05T19:50:07","date_gmt":"2026-05-05T19:50:07","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/motion-animation-kit\/"},"modified":"2026-05-05T20:23:05","modified_gmt":"2026-05-05T20:23:05","slug":"motioncraft-scroll-animations","status":"publish","type":"plugin","link":"https:\/\/tr.wordpress.org\/plugins\/motioncraft-scroll-animations\/","author":21093885,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.0","stable_tag":"1.0.0","tested":"6.9.4","requires":"6.0","requires_php":"7.2","requires_plugins":null,"header_name":"MotionCraft Scroll Animations","header_author":"Darshan Patel","header_description":"Add smooth scroll animations to WordPress with CSS classes or Gutenberg controls. Compatible with Elementor and all WordPress themes.","assets_banners_color":"607396","last_updated":"2026-05-05 20:23:05","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/darshanpatelwp.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":56,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"darshu1898","date":"2026-05-05 20:23:05"}},"upgrade_notice":{"":"<p>This is the initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3523757,"resolution":"128x128","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3523757,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-11.png":{"filename":"screenshot-11.png","revision":3523781,"resolution":"11","location":"plugin"},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3523781,"resolution":"10","location":"plugin"},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3523781,"resolution":"2","location":"plugin"},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3523781,"resolution":"5","location":"plugin"},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3523781,"resolution":"4","location":"plugin"},"screenshot-1.png":{"filename":"screenshot-1.png","revision":3523781,"resolution":"1","location":"plugin"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3523781,"resolution":"3","location":"plugin"},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3523781,"resolution":"7","location":"plugin"},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3523781,"resolution":"8","location":"plugin"},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3523781,"resolution":"6","location":"plugin"},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3523781,"resolution":"9","location":"plugin"}},"screenshots":{"1":"MotionCraft Settings Menu.","2":"MotionCraft Enable Animations.","3":"MotionCraft Disable Animations.","4":"Add Custom Animations And Save All Settings.","5":"Edit OR Delete Custom Animations.","6":"Preview All Animations.","7":"Animation Reference.","8":"Data Attributes.","9":"Gutenburge Animation.","10":"Gutenburge Animation Using Settings.","11":"Elementor Animation."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[785,76538,148076,71952,17605],"plugin_category":[50],"plugin_contributors":[261962],"plugin_business_model":[],"class_list":["post-306397","plugin","type-plugin","status-publish","hentry","plugin_tags-animation","plugin_tags-elementor","plugin_tags-gutenberg","plugin_tags-scroll-animation","plugin_tags-smooth","plugin_category-media","plugin_contributors-darshu1898","plugin_committers-darshu1898"],"banners":{"banner":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/assets\/banner-772x250.png?rev=3523757","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/assets\/icon-128x128.png?rev=3523757","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-1.png?rev=3523781","caption":"MotionCraft Settings Menu."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-2.png?rev=3523781","caption":"MotionCraft Enable Animations."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-3.png?rev=3523781","caption":"MotionCraft Disable Animations."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-4.png?rev=3523781","caption":"Add Custom Animations And Save All Settings."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-5.png?rev=3523781","caption":"Edit OR Delete Custom Animations."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-6.png?rev=3523781","caption":"Preview All Animations."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-7.png?rev=3523781","caption":"Animation Reference."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-8.png?rev=3523781","caption":"Data Attributes."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-9.png?rev=3523781","caption":"Gutenburge Animation."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-10.png?rev=3523781","caption":"Gutenburge Animation Using Settings."},{"src":"https:\/\/ps.w.org\/motioncraft-scroll-animations\/trunk\/screenshot-11.png?rev=3523781","caption":"Elementor Animation."}],"raw_content":"<!--section=description-->\n<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>\n\n<h4>Features<\/h4>\n\n<ul>\n<li>6 built-in animation presets (fade, slide, zoom)<\/li>\n<li>Gutenberg block editor integration with sidebar controls<\/li>\n<li>Works with Elementor via CSS classes in the Advanced tab<\/li>\n<li>Stagger animations for lists and grids<\/li>\n<li>Timeline groups for sequenced animations<\/li>\n<li>Custom animation builder (JSON-based)<\/li>\n<li>Conditional loading and mobile disable options<\/li>\n<li>Respects <code>prefers-reduced-motion<\/code><\/li>\n<li>Developer hooks and filters for extending functionality<\/li>\n<\/ul>\n\n<h4>Usage<\/h4>\n\n<p>Add a CSS class to any element:<\/p>\n\n<pre><code>anime-fade-up\n<\/code><\/pre>\n\n<p>Or use a data attribute:<\/p>\n\n<pre><code>data-anime=\"fade-up\"\n<\/code><\/pre>\n\n<p>The animation triggers automatically when the element scrolls into view.<\/p>\n\n<h4>Custom Animations<\/h4>\n\n<p>Define custom presets as JSON in Settings &gt; MotionCraft Scroll Animations:<\/p>\n\n<pre><code>{ \"slide-rotate\": { \"opacity\": 0, \"translateX\": -60, \"rotate\": -15 } }\n<\/code><\/pre>\n\n<h4>Compatibility<\/h4>\n\n<ul>\n<li>Elementor (Free and Pro)<\/li>\n<li>Gutenberg Block Editor<\/li>\n<li>Any WordPress theme<\/li>\n<\/ul>\n\n<h4>Performance<\/h4>\n\n<ul>\n<li>Deferred script loading<\/li>\n<li>Scroll-triggered animations via IntersectionObserver<\/li>\n<li>Optional mobile disable<\/li>\n<\/ul>\n\n<h4>For Developers<\/h4>\n\n<ul>\n<li>Extendable animation list via <code>gmk_supported_animations<\/code> filter<\/li>\n<li>Public API: <code>window.GMK.refresh()<\/code> for dynamic content<\/li>\n<li>All assets bundled locally (no external CDN dependencies)<\/li>\n<\/ul>\n\n<h3>Third-Party Services<\/h3>\n\n<p>This plugin includes the Anime.js library locally (MIT licensed).<\/p>\n\n<p><strong>Anime.js<\/strong>\n* License: MIT\n* Source: <a href=\"https:\/\/animejs.com\">animejs.com<\/a>\n* Purpose: Provides the lightweight animation engine used by this plugin.\n* Data transmitted: None. No external requests are made. All assets are bundled locally.\n* MIT License: <a href=\"https:\/\/opensource.org\/licenses\/MIT\">https:\/\/opensource.org\/licenses\/MIT<\/a><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the WordPress admin panel.<\/li>\n<li>Add animation classes or use block editor controls.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20plugin%20work%20with%20elementor%3F\"><h3>Does this plugin work with Elementor?<\/h3><\/dt>\n<dd><p>Yes. Add animation classes in the Advanced tab of any Elementor widget.<\/p><\/dd>\n<dt id=\"do%20i%20need%20coding%20knowledge%3F\"><h3>Do I need coding knowledge?<\/h3><\/dt>\n<dd><p>No. Use CSS classes or the Gutenberg sidebar controls.<\/p><\/dd>\n<dt id=\"can%20i%20create%20custom%20animations%3F\"><h3>Can I create custom animations?<\/h3><\/dt>\n<dd><p>Yes. Use the JSON animation builder in the settings page.<\/p><\/dd>\n<dt id=\"will%20this%20slow%20down%20my%20website%3F\"><h3>Will this slow down my website?<\/h3><\/dt>\n<dd><p>Scripts load conditionally and are deferred.<\/p><\/dd>\n<dt id=\"is%20this%20better%20than%20elementor%20animations%3F\"><h3>Is this better than Elementor animations?<\/h3><\/dt>\n<dd><p>MotionCraft Scroll Animations provides smooth, performant scroll-triggered animations using Anime.js (MIT licensed). It's lightweight, GPL-compliant, and works with any theme or page builder.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>MotionCraft Scroll Animations provides smooth, scroll-triggered animations using Anime.js (MIT licensed).<\/li>\n<li>Gutenberg block editor integration with sidebar controls.<\/li>\n<li>Works with Elementor via CSS classes.<\/li>\n<li>Stagger animations for lists and grids.<\/li>\n<li>Timeline groups for sequenced animations.<\/li>\n<li>Custom animation builder (JSON-based).<\/li>\n<li>Conditional loading and mobile disable options.<\/li>\n<li>Respects <code>prefers-reduced-motion<\/code> for accessibility.<\/li>\n<li>Developer hooks and filters for extending functionality.<\/li>\n<\/ul>","raw_excerpt":"Add smooth, scroll-triggered animations to WordPress with CSS classes or Gutenberg block controls.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/306397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=306397"}],"author":[{"embeddable":true,"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/darshu1898"}],"wp:attachment":[{"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=306397"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=306397"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=306397"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=306397"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=306397"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=306397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}