CodeCanyon

Enliven 'em! - Animation Engine for Vector Graphic

Enliven 'em! - Animation Engine for Vector Graphic


This is a standalone jQuery version. The WordPress Plugin is here:
Enliven ‘em! – SVG Animation Engine for WordPress

Looking for something ready to use with “Enliven ‘em”? Check these:
Premium Add-on: 50 Web Promotional Icons

Free Add-on: 47 Flat Icons

Free Add-on: 10 Retro Text Dividers

Free Add-on: Flat Icons – Set 2 (NEW)




Overview:

Enliven ‘em is a jQuery plugin which lets you animate any vector graphic presented as SVG files in many different ways when your vector illustrations become visible in a user’s browser viewport (good for “non-hover” devices like Apple’s ones). Also you can allow an animation to be repeated when a user clicks or taps your graphic.

All animation data are stored in SVG code itself which lets you port it to any domain. The Animation Editor, which is included in the download package, can help you to add these data in a WISIWYG mode.

The integration of the Enliven ‘em script is easy: only two additional scripts in your page’s code in addition to your existing jQuery.

Please get familiar with full features’ list and explore the live demo.

Main features:

  • Brand New
  • More than 70 80 (from v1.3) build-in effects
  • Separate Animation Editor App
  • Suitable for Touch Devices
  • Both In and Out Animations
  • Your SVG can be Responsive
  • Easy Integration
  • Cross Browser (only one effect exception for IE9)
  • Looped Animations from v1.4!
  • Free Updates & Support

Exclusive Features:

  • Morph animation effect (since v1.1) which lets to transform path shapes from one form into another!
  • Custom animation option when you control a transformation and an opacity. Here is the definitely when the only limit is your imagination!

Video Tutorial – How to Prepare SVG:

Important Notes:

  • This item requires to prepare your vector graphic before using on a live site. Please watch the video tutorial above before making a decision.
  • This item consist of two parts: the Enliven ‘em script itself and the Animation Editor where you can prepare your resulting files. You may NOT make public (upload) the Animation Editor, you may upload the Enliven ‘em script only.
  • Vector images which are used on EnlivenEm.com are NOT included in the download package.

Requirements:

  • jQuery
  • Reading the documentation :)

License:

  • You need to purchase a regular or an extended license of Enliven ‘em jQuery plugin for every web project.

Special Thanks to:

  • jQuery team for the outstanding work
  • Dmitry Baranovskiy, the author of Snap.svg lib
  • Ryan Van Etten the author of Verge script
  • Without these talented people Enliven’ em script could never be created. Thank so much!

Change log:

2014, November, 19 - v1.4
- added global option for creating looped animations
- various improvements
2014, November, 05 - v1.3
- added 5 new effects: "maskStairsL", "maskStairsT", "maskStairsR", "maskStairsB" and "pulse" 
- added sub-pixel render fix for prevent Firefox and IE show SVG slightly blurred
- fixed "drawLines" effect for IE and Opera
- fixed "maskCrossRotate" and "maskPlusRotate" effects for IE
- various small improvements
2014, October, 21 - v1.2
- added 3 new effects: "maskStackX", "maskStackY" and "maskTighten" 
- various improvements in the Animation Editor
2014, September, 2 - v1.1
- added "morph" effect for morphing animation of <path> shapes from one form into another
2014, July, 31 - v1.0 - initial release




by
by
by
by
by
by