Animated SVG

Scalable Vector Graphics is an image format which can be animated by javascript.

Buy Test editor
Build easily

Thanks to the editor, you can draw your own animated SVG.
Import a video, define the video box size & design, add, delete and edit SVG forms. Animate them with Javascript thanks to powerful libraries Jquery.js, Keyframe.js, Velocity.js

Specific Design

The video has its own video box with controls.

Animation

Three kinds of animations : Static, Keyframe, Path, Tooltip.

  • Static : Define CSS attribute on oveflowing a form.
  • Keyframes : Define CSS keyframe animation for each percent triggered on events.
  • Path : Draw a path and make the forms follow this path triggered on events.
  • Tooltip : Define text message on overflowing a form.

00 / 00 Titre

Make a difference on your website

Make interactive video or image on a modern and animated website.

  • Import Export your project

    Thanks to the editor you can import and export your project in a .xml file.

  • Easily integrated

    The integration is automatic and easy.

  • Clean reusable code

    Modify and re-use source code.

    .
responsive devices

Editor

Easily change/switch/swap every forms thanks to the WYSIWYG interface.

Create, modify and delete forms with a WYSIWYG. Set hover attribute, keyframe animation, path, tooltip message.

Documented and resourceful editor. Let's build your own SVG project easily with a clear and modern design.

Test editor
responsive devices

Secure buying with Envato (codecanyon)

Buy all the source code included editor and script for integration. Possibility to buy extended support.

Buy

Notice

User

No comment actually.

User

No comment actually.

  • Sedna Testimonial Avatar

    "France, Envato member since September 2014"

    Gargouille 56, developper.

Get started with SVG animation

Go to codecanyon to join community, buy and getting started.

Automatic integration. Compatible with all the browsers and for multiple integration.