flowchart.js draws simple SVG flow chart diagrams from textual representation of the diagram. Also diagrams can be with color view too.
An in-depth tutorial on how to build the ripple effect outlined under Google Material Design's Radial Action specification and combine it with the powers of SVG and GreenSock.
jQuery DrawSVG is lightweight, simple to use jQuery plugin to animate SVG paths.
This plugin uses the jQuery built-in animation engine to transition the
stroke on every
<path> inside the selected
<svg> element, using
A simple, responsive carousel with animated SVG paths used as transition effects.
A tutorial about creating full page slider, with animated SVG elements used as transition effects.
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts:
svgPathAnimation is a jQuery function for animating SVG multiple path synchronously.
Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.
A small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg.