SVG Morpheus is a javascript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.
Vivus is a little JavaScript class to make drawing animation with SVGs in a webpage. Different animations are available, even scripting the entire SVG to do whatever you want.
Walkway.js a javascript library to animate SVG images consisting of line and path elements in an easy way.
Wobbly Slideshow Effect is an experimental slideshow effect created by using Snap.svg and morphing SVG paths. Navigating from one item to another makes the items move in a wobbly fashion.
ProgressBar.js is a beautiful and responsive progress bars with animated SVG paths.
With ProgressBar.js, it's easy to create arbitrary shaped progress bars. This library provides a few built-in shapes like Line, Circle and Square but you can also create your own progress bars with Illustrator or any vector graphic editor.
Fitter Happier Text is a javascript library for performant and fully fluid heading inspired by FitText.
Fitter Happier Text replaces each node with an SVG text node and sets the viewBox attribute based on its width and height.
Chartist.js is a simple responsive charting library built with SVG.
Features:
A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.
Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds.
jQuery.Feyn is a plugin for drawing Feynman diagrams with SVG (Scalable Vector Graphics).
Features
The Flight Indicators Plugin allows you to display high quality flight indicators using html, css3, jQuery and SVG images.
The methods make customization and real time implementation really easy. Further, since all the images are vector svg you can resize the indicators to your application without any quality loss.
RRSSB is a solution for responsive social share buttons that you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support.
SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
In this tutorial you ll create really cool hover effect. You ll be using SVG for the shape and Snap.svg for animating it on hover.
The idea is to create a SVG with one path that represents the shape background for some caption and to morph that path into another one on hover
interact.js is a powerful, flexible, snappable drag and drop, resizing and multi-touch gestures for modern browsers (and also IE8+)
