Title: Animated SVG Block
Author: robfromerd
Published: <strong>January 9, 2025</strong>
Last modified: January 10, 2025

---

Search plugins

![](https://ps.w.org/animated-svg-block/assets/banner-772x250.png?rev=3219920)

![](https://ps.w.org/animated-svg-block/assets/icon.svg?rev=3219920)

# Animated SVG Block

 By [robfromerd](https://profiles.wordpress.org/robfromerd/)

[Download](https://downloads.wordpress.org/plugin/animated-svg-block.1.01.zip)

 * [Details](https://test.wordpress.org/plugins/animated-svg-block/#description)
 * [Reviews](https://test.wordpress.org/plugins/animated-svg-block/#reviews)
 *  [Installation](https://test.wordpress.org/plugins/animated-svg-block/#installation)
 * [Development](https://test.wordpress.org/plugins/animated-svg-block/#developers)

 [Support](https://wordpress.org/support/plugin/animated-svg-block/)

## Description

This plugin allows you to use the vivus.js animation library and the intersection
observer API to animate an SVG as it enters the viewport. Use a path with a stroke
color and width and no fill. NOTE: SVG support is added by this plugin. The plugin
checks for the existence of popular SVG support plugins, and if not present, adds
SVG support in a secure manner.

## Screenshots

 * [[
 * [[

## Blocks

This plugin provides 1 block.

 *   Animated SVG Block

## Installation

 1. Upload the plugin files to the `/wp-content/plugins/animated-svg-block` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Use the block in the Gutenberg editor to add SVG images to your posts and pages.

## FAQ

### How do I use this plugin?

You can add SVG images using the Animated SVG Block in the Gutenberg editor. This
plugin assumes you have some ability to hand-code an SVG to make sure that the SVG
you choose uses a stroked path that has a stroke-width property in a color of your
choice.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Animated SVG Block” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ robfromerd ](https://profiles.wordpress.org/robfromerd/)

[Translate “Animated SVG Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/animated-svg-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/animated-svg-block/),
check out the [SVN repository](https://plugins.svn.wordpress.org/animated-svg-block/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/animated-svg-block/)
by [RSS](https://plugins.trac.wordpress.org/log/animated-svg-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.01

 * Initial release.

## Meta

 *  Version **1.01**
 *  Last updated **1 year ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.0 or higher **
 *  Tested up to **6.7.5**
 *  PHP version ** 7.0 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/animated-svg-block/)
 * Tags
 * [block](https://test.wordpress.org/plugins/tags/block/)[gutenberg](https://test.wordpress.org/plugins/tags/gutenberg/)
   [SVG](https://test.wordpress.org/plugins/tags/svg/)
 *  [Advanced View](https://test.wordpress.org/plugins/animated-svg-block/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/animated-svg-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/animated-svg-block/reviews/)

## Contributors

 *   [ robfromerd ](https://profiles.wordpress.org/robfromerd/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/animated-svg-block/)