Vivid.js is a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.
A tutorial about creating cool temperature slider using svg, css and javascript.
dom-to-image is a JavaScript library which can turn arbitrary DOM node into a SVG (vector) or PNG-JPEG (raster) image.
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles. Anime.js is used for the animations.
js2flowchart is a visualization library to convert any JavaScript code into beautiful SVG flowchart.
Learn other’s code. Design your code. Refactor code. Document code. Explain code.
Frappé Charts is a GitHub-inspired simple, responsive, modern SVG charts library with zero dependencies.
Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
Anime.js used for the animations and Charming.js used for some letter effects.
A tutorial about creating SVG line animations of different animals by using Snap.svg
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.
