Discussion on Enliven 'em! - Animation Engine for Vector Graphic


DeeThemes supports this item


72 comments found.

Hello! Awesome! This script could save my life. I want to purchase it. Just a few questions, please!! I’m freelancer. can I create several SVGs and send them to my client (one web project)? Is it good for this terms of use? And is it work with any browsers? Thanks


Yes, I don’t see any problems with several files. And yes, it works in all major browsers.

Hi, really nice script…

Pre-purchase question I am a developer and have knowledge of HTML, CSS, PHP. I don’t have any knowledge about illustrator and have basic knowledge of photoshop.

Can I create SVG animations like the once listed on this page of your demo?

Also can I create new animations like scenes or storytelling kind of things with your script?

Please let me know.

Thanks Harshal

Hello Harshal,

Of course, all the examples on my demo site were created within an animation editor and powered by my script.

And you can always try to create your animations for your previously created SVGs here: before purchasing. Also I recommend to get familiar with the documentation here:

If you decide to purchase my item, the full working animation editor will be available inside downloadable package, as the script itself.

Thanks for the interest.

Can I create my own animated icons with your editor and sell it on my site?

I think yes, you can. BUT your icons will not work without Enliven ‘em script itself, which you may not resell.

Hello is it possible to start the animation via jquery? The svg file is in a div container which is displayed after the page call, but this does not start the animation (see example link) . Or I did something wrong?

I see that there is an issue caused by setTimeout function. Your icon appears with a delay, so my script can’t detect that the icon is in a viewport in a general flow. Also you miss the brackets () after “svgClick” call. For fixing of the issue please try to do the following:

1) Do not use custom class name, like “svgschloss”, please leave the default “enlivenem” one.

2) Add .svgClick() in a callback function of the jQuery animate method inside your setTimeout fuction. Like this:
$(document).ready(function() {

        'marginTop' : "+=257px" 
        function() {


Good luck!

It works! so great! many thanks!

You are welcome!

Hello. It looks like a great tool. Might be a silly question but I wanted to know if i could export my svg as animated object and import it into Wordpress. I know that you have Wordpress plugin, but my Wordpress do allow importing animated svg’s to wordpress. If I buy this plugin I wanted to use it for different purposes not only in Wordpress.Thanks


I think there is a misunderstanding.

First of all, you create your animations inside the animation editor which you use offline. As a result you get an SVG code with short animation data in it.

Then you save it as a new SVG file and upload it into your server. However, that animation data in your SVG is just short directives (commands) to animation engine itself, which are code via JavaScript.

So, you have to have an installed either a WordPress plugin or jQuery one on your server for animations to work. As you see, you can’t simply upload an SVG file into any site, your animations will not work without one of my plugins.

Thanks for the interest.

Hi. First of all, your plugin is FANTASTIC. I’ve been amazed by the quality of the editor. Quick question, is there a way to get both the Wordpress and Jquery plugins ? I was thinking I might not really need it as a full wordpress plugin and could use the simple jQuery plugin most cases, even in wordpress, but I might want to in the end. Do we get the standalone jQuery plugin as part of the Wordpress plugin ? Thanks in advance.


There is no way to get both the Wordpress and the Jquery plugins in a one package.

In general, if you can and like to edit your WordPress theme files, you can simply include one CSS and two JS files of my jQuery plugin. However, the WP version of my item has a settings page with options, which can be useful inside a WP environment. And yes, the main functionality of the WP version is based on the jQuery plugin and the WP one have all files of the jQuery one, except a documentation and examples.

Thanks for the interest.


This plugin is really great, thanks for the work ! I have a small issue with the wordpress version.

I followed your documentation and my svg infography appear 1-2 seconds before animation start.

The animated infography is integrating on a onepage template. It begins when the section is visible (no problem here).

To display it in full-width in my container (90% width) i added a div for Chrome and Edge, to contain the img.

Is there a way (or a configuration i missed) to avoid displaying the static infography, before animation starting ?


I see that you have posted your comment to the wrong item, this is a discussion for a jQuery version of my script.
I provide a support for my buyers only. So please write me an email from the page, so I can see that you have purchased my item. Thank you.

Thanks for your fast answer. I resend my question in the good section.

Hi there,

Great piece of software this!

I was wondering how I embed this into Revolution slider. I followed a tutorial by CMSSuperHeroes on Youtube but I think it’s now outdated.

The Animated lines are the red lines here – but they don’t seem to do anything?

What piece of code should be added to the Java console in the Rev slider settings?

Thanks, Alistair

Hi Dee,

Thanks for the quick reply.

I have taken your advice with creating the SVG and pasted in just the HTML code here – and it works perfectly.

When I add this SVG code to Revolution Slider (without any added JS), I can see it in the backend, but it doesn’t appear in the frontend at all.

Am I now best speaking to the Rev Slider author to see how I can get it to show?


Hi Alistair,

1) Try to delete the LAYER NR. 2. It contains the same image in the “Home1-01.svg” file.

2) For the first time try to set width and height attributes not so big, say width=”512px” and height=”234px”.

3) If it starts working, omit the width and the height in the embedded SVG code, but set them to the parent DIV of LAYER NR. 8 .

Forget to say, that you can try to set the “responsive” option in the “data-global-elvn” attribute. In that case it’s very important to set a width and a height for a parent DIV, not for a <svg> tag.

This is a well-designed and quality coded plugin. Keep up the great work and look forward to future updates.

Damian Baker
The best code injection plugin for WordPress

hi have a pre sale question. Does this plugin have function “on hover” when you hover mice icons have another animations?


No, it doesn’t. This plugin has another main purpose. Animations can be repeated by a “click” event only.

Ok how add icons with Elementor? Is this compatible with elementor pag builder?

First of all, I can’t understand what plugin your are talking about.

This thread is about “Enliven ‘em! – Animation Engine for Vector Graphic”, which is standalone plugin for jQuery, not for WordPress.

Also I see that you mentioned the “icons” twice, so maybe you are talking about my another product: LivIcons Evolution.

In any case, the WP version of this script is available here:
How to use it with Elementor I have described in reply to user “eli1356” in the comments:

Hi team, I’m a newbie. I have an image of interior with different furniture and I need to make each piece (table, bench, shelf and etc) change in color and show some text on hover. Is it possible to make this with your plugin? As also does your plugin work correctly with Elementor? Thanks.


Yes, the plugin works fine with Elementor. However, I don’t think that it suits your needs. My plugin works with SVG files only and it doesn’t control colors’ change and hover event.

In any case, thanks for the interest.