vikingplugins

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 <a href="https://viking.infy.uk/svg-automotion/" rel="nofollow ugc">viking.infy.uk/svg-automotion</a>
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
<h3>Usage</h3>
<h3>Using the Gutenberg Block</h3>
<ol>
<li>Add a new block and search for SVG AutoMotion.</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>
See Screenshot 1 and Screenshot 2.
<h3>Using the Shortcode</h3>
You can also insert animations anywhere using the <code>[svg_automotion]</code> 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: 
– <code>src</code> — relative or full URL path to your SVG file 
– <code>fade</code>, <code>rotate</code>, <code>scale</code>, <code>slide</code> — enable/disable each effect 
– <code>duration</code> — total animation time in milliseconds 
– <code>link_url</code> — url to link to (optional) 
– <code>link_newtab</code> — set to true if you wish the link to open in a new tab

SVG AutoMotion

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

wpszaki

If you are embedding Youtube video(s) into your site then you will need this plugin. As you may (or may not) know the default Youtube embed code is not responsive and in order to load the player itself your browser has to download more than 1MB of data from Youtube’s servers. That is way too much and this is the reason why we made this plugin. A video player has to be lightweight and responsive. Period.
This plugin is replacing the default Youtube player with the video’s high quality thumbnail and a play button. The real player and the video won’t load until you click on the play button or the thumbnail itself. With this easy trick you will have a much lighter and faster website and the thumbnail + the actual player will be responsive too.
Our plugin is only 60KB without any extra library or unnecessary function.
If you are speed-optimizing your site or if you want to reduce the loading times of your pages then you are at the right place.
<h3>This plugin will:</h3>
<ul>
<li>Make all of the embedded Youtube videos responsive automatically</li>
<li>Will reduce the size of your pages (where you have embedded videos)</li>
<li>Will make your site faster</li>
<li>Will improve the user experience</li>
</ul>
<h3>You can also:</h3>
<ul>
<li>
Manually insert a different thumbnail for each embedded video with the ‘thumb_url’ parameter.
[youtube_embed url=”video_url” thumb-url=”custom_thumb_url”]
</li>
<li>
Manually set a different width for each video with the ‘width’ parameter.
[youtube_embed url=”video_url” width=”50″]
</li>
<li>
Manually align each video to left, right or center with the ‘align’ parameter.
[youtube_embed url=”video_url” align=”center”]
</li>
<li>
Disable the related videos
</li>
<li>Disable the video controls</li>
<li>Disable the fullscreen option</li>
<li>Align the videos globally or individually</li>
<li>Set the custom video width for all videos or to just a single video with a shortcode parameter</li>
</ul>
<h3>Comparison</h3>
Here’s a quick comparison with the built-in TwentySeventeen theme (without any other plugin).
We placed a default Youtube video embed code in a new and empty page, ran the tests and then replaced it with our solution before running the tests again.
Total page size with the traditional Youtube embed code: 2.18MB 
Total page size with our lightweight & responsive embedder: 472KB
Page load time with the traditional Youtube embed code: 5.33s 
Page load time with our lightweight & responsive embedder: 2.52s

Lightweight and Responsive Youtube Embed

Make your embedded Youtube videos responsive & lightweight with this plugin. Reduce the loading time of your site and increase the user experience …

SVG AutoMotion vs Lightweight and Responsive Youtube Embed