Flubber is a library to provide a best-guess interpolation for any two arbitrary shapes (or collections of shapes) that results in a reasonably smooth animation.
Some little ideas for bouncy and playful tooltip shapes and animations with SVG and anime.js. Among other styles, shape morphing and transform used.
A decorative website background effect where SVG shapes are morphing and transforming on scroll.
The animations are powered by anime.js
GraphicsJS is a lightweight JavaScript graphics library with the intuitive API, based on SVG/VML technology.
An experimental letter animation made with SVG and anime.js based on the Dribbble shot "Shading Letters in Illustrator".
Clipped SVG Slider is a simple slider, with morphing preview images animated using SVG properties.
seen.js is a javascript library to render 3D scenes into SVG or HTML5 Canvas. seen.js has no dependencies.
Fabric.js is a powerful and simple Javascript HTML5 canvas library. Fabric provides interactive object model on top of canvas element.
Fabric also has SVG-to-canvas (and canvas-to-SVG) parser.
Radial SVG Slider is a simple, responsive slider, with a radial transition effect powered by SVG clipPath and mask elements.
An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.
SVG 3D Tag Cloud is a lightweight jQuery plugin that creates a three dimensional tag cloud. Easy to use, no dependencies. No additionals plugins. Fully customizable.
A widget containing a list of suggested articles, with a reading progress indicator powered by SVG, CSS and jQuery.
hybicon.js is a javaScript library for synergistic SVG icons. It works with HTML5 data attributes. There is a primary and a secondary icon and they can be animated with hover and click.
A tutorial on how to implement an animated menu icon using SVG and Segment, a JavaScript library for drawing and animating SVG paths.
Segment is a little JavaScript class to draw and animate SVG path strokes.
