Title: SVG AutoMotion Author: vikingplugins Published: October 30, 2025 Last modified: December 15, 2025 --- Search plugins ![](https://ps.w.org/svg-automotion/assets/banner-772x250.png?rev=3420285) ![](https://ps.w.org/svg-automotion/assets/icon-256x256.png?rev=3420282) # SVG AutoMotion By [vikingplugins](https://profiles.wordpress.org/vikingplugins/) [Download](https://downloads.wordpress.org/plugin/svg-automotion.1.1.0.zip) * [Details](https://test.wordpress.org/plugins/svg-automotion/#description) * [Reviews](https://test.wordpress.org/plugins/svg-automotion/#reviews) * [Installation](https://test.wordpress.org/plugins/svg-automotion/#installation) * [Development](https://test.wordpress.org/plugins/svg-automotion/#developers) [Support](https://wordpress.org/support/plugin/svg-automotion/) ## Description **SVG AutoMotion** makes it effortless to apply clean, performant animations to SVG graphics as they scroll into view — perfect for adding motion to brand logos, icons, and illustrations. See examples at [viking.infy.uk/svg-automotion](https://viking.infy.uk/svg-automotion/) **Key features:** – Gutenberg block and shortcode support – Fade, rotate, scale, and slide effects – Adjustable animation duration – Lightweight, pure JavaScript( no dependencies) – Works with any SVG in your media library – Add a link to the image if needed ### Usage ### Using the Gutenberg Block 1. Add a new block and search for **SVG AutoMotion**. 2. Select your SVG image from the Media Library. 3. Choose which animations to apply and set the animation duration. 4. Add a link to the image if needed under link settings 5. Save or preview your post to see the animation in action. _See Screenshot 1 and Screenshot 2._ ### Using the Shortcode You can also insert animations anywhere using the `[svg_automotion]` shortcode. Basic example: [svg_automotion src=”2025/10/automotionlogo.svg”] You can combine multiple effects: [svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate =”false” scale=”true” duration=”4000″] You can also add a link to the shortcode [svg_automotion src=”2025/10/automotionlogo. svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″ link_url =”https://wordpress.org” link_newtab=”true” ] **Parameters:** – `src` — relative or full URL path to your SVG file – `fade`, ` rotate`, `scale`, `slide` — enable/disable each effect – `duration` — total animation time in milliseconds – `link_url` — url to link to (optional) – `link_newtab` — set to true if you wish the link to open in a new tab ## Screenshots * [[ * Adding an SVG AutoMotion Block * [[ * The SVG AutoMotion Settings ## Installation 1. Upload the plugin files to the `/wp-content/plugins/svg-automotion/` directory, or install through the WordPress plugin screen. 2. Activate the plugin through the **Plugins** menu in WordPress. 3. Add an SVG AutoMotion block or use the `[svg_automotion]` shortcode. ## FAQ ### How do I upload SVG files into my media library? If you haven’t yet, install a plugin that allows SVG uploads such as “SVG Support”. ### Does it work with any SVG file? Yes, as long as the SVG structure is valid. ### Can I control which animations run? Yes. You can toggle fade, rotate, scale, and slide animations from the block settings. ### Will it slow down my site? No. The script is tiny, loads only when needed, and animations trigger only when visible. ### What sets the order of the animation? The animation applies to image elements in the order they appear in the SVG layers. ## Reviews ![](https://secure.gravatar.com/avatar/e5d64ba07e9bf32236ba9c111896be6b8e1e787c035757f32990aab2d7e81e42? s=60&d=retro&r=g) ### 󠀁[Good, but…](https://wordpress.org/support/topic/good-but-232/)󠁿 [palsu](https://profiles.wordpress.org/palsu/) May 7, 2026 2 replies This plugin does what it does, but it does more than should 😁, any svg affected by this plugin and doesn’t show correctly. Any advice? Thanks 🙏 ![](https://secure.gravatar.com/avatar/bd2edf4a4acb9cf232eaa5212f442cd9990dba50178b2a2d99097fcce7b12d01? s=60&d=retro&r=g) ### 󠀁[Works well](https://wordpress.org/support/topic/works-well-3154/)󠁿 [Helaku](https://profiles.wordpress.org/helaku/) March 9, 2026 This is exactly what I’ve been looking for; a simple, light-weight, easy-to-use plugin to animate my SVG files. It works well, and I also appreciate the website with the samples and the documentation. Thank you, and keep up the good work! [ Read all 2 reviews ](https://wordpress.org/support/plugin/svg-automotion/reviews/) ## Contributors & Developers “SVG AutoMotion” is open source software. The following people have contributed to this plugin. Contributors * [ vikingplugins ](https://profiles.wordpress.org/vikingplugins/) [Translate “SVG AutoMotion” into your language.](https://translate.wordpress.org/projects/wp-plugins/svg-automotion) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/svg-automotion/), check out the [SVN repository](https://plugins.svn.wordpress.org/svg-automotion/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/svg-automotion/) by [RSS](https://plugins.trac.wordpress.org/log/svg-automotion/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.0 * Added ability to add a link * Removed unwanted pause in animation when gradients are defined in the SVG file #### 1.0.0 * Initial release with Gutenberg block and shortcode support. ## Meta * Version **1.1.0** * Last updated **5 months ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **6.9.4** * Language * [English (US)](https://wordpress.org/plugins/svg-automotion/) * Tags * [animation](https://test.wordpress.org/plugins/tags/animation/)[lightweight](https://test.wordpress.org/plugins/tags/lightweight/) [SVG](https://test.wordpress.org/plugins/tags/svg/) * [Advanced View](https://test.wordpress.org/plugins/svg-automotion/advanced/) ## Ratings 5 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/svg-automotion/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/svg-automotion/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/svg-automotion/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/svg-automotion/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/svg-automotion/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/svg-automotion/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/svg-automotion/reviews/) ## Contributors * [ vikingplugins ](https://profiles.wordpress.org/vikingplugins/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/svg-automotion/)