vikingplugins

<p><strong>SVG AutoMotion</strong> 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.</p>
<p>See examples at <a href="https://viking.infy.uk/svg-automotion/" rel="nofollow ugc">viking.infy.uk/svg-automotion</a></p>
<p><strong>Key features:</strong><br />
– Gutenberg block and shortcode support<br />
– Fade, rotate, scale, and slide effects<br />
– Adjustable animation duration<br />
– Lightweight, pure JavaScript (no dependencies)<br />
– Works with any SVG in your media library<br />
– Add a link to the image if needed</p>
<h3>Usage</h3>
<h3>Using the Gutenberg Block</h3>
<ol>
<li>Add a new block and search for <strong>SVG AutoMotion</strong>.</li>
<li>Select your SVG image from the Media Library.</li>
<li>Choose which animations to apply and set the animation duration.</li>
<li>Add a link to the image if needed under link settings</li>
<li>Save or preview your post to see the animation in action.</li>
</ol>
<p><em>See Screenshot 1 and Screenshot 2.</em></p>
<h3>Using the Shortcode</h3>
<p>You can also insert animations anywhere using the <code>[svg_automotion]</code> shortcode.</p>
<p>Basic example:</p>
<p>[svg_automotion src=”2025/10/automotionlogo.svg”]</p>
<p>You can combine multiple effects:</p>
<p>[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″]</p>
<p>You can also add a link to the shortcode<br />
[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” ]</p>
<p><strong>Parameters:</strong><br />
– <code>src</code> — relative or full URL path to your SVG file<br />
– <code>fade</code>, <code>rotate</code>, <code>scale</code>, <code>slide</code> — enable/disable each effect<br />
– <code>duration</code> — total animation time in milliseconds<br />
– <code>link_url</code> — url to link to (optional)<br />
– <code>link_newtab</code> — set to true if you wish the link to open in a new tab</p>


SVG AutoMotion

Animate any SVG image as it comes into view. Bring your logos, icons, and illustrations to life with simple, automatic animations.

zen777

<p>Lightweight Slider is a <strong>free</strong> and extremely lightweight responsive image slider which uses custom post types and featured images. An easy to use settings page allows full control over slide height, delay between slides, transition duration and animation type.</p>
<p><a href="https://lightweight-slider.markbanf.co.uk/" rel="nofollow ugc">Lightweight Slider Plugin Homepage</a></p>
<h4>Features</h4>
<ul>
<li>Extremely lightweight (less than 25kb!)</li>
<li>Easy set up using custom post types and featured images</li>
<li>Optional pagination and navigation controls</li>
<li>Adjustable delay and transition time between slides</li>
<li>Choose between fade or slide animation</li>
<li>Fully responsive</li>
<li>Semantic, minimal HTML</li>
<li>No external resources loaded</li>
<li>Simple to modify (plugin consists of only three main files)</li>
</ul>
<h4>Limitations</h4>
<p>In order to keep this plugin as lightweight as possible it was necessary to make some compromises during development.</p>
<ul>
<li>This slider only works with images</li>
<li>You can only create one set of slides per website</li>
</ul>
<h3>Donations</h3>


SVG AutoMotion vs Lightweight Slider