Advertise here

jQuery Plugins Tagged ‘SVG’

FlowChart.js – SVG Flow Chart Diagrams with Javascript

September 17, 2015     11632     Chart & Graph
FlowChart.js – SVG Flow Chart Diagrams with Javascript

flowchart.js draws simple SVG flow chart diagrams from textual representation of the diagram. Also diagrams can be with color view too.

Read More »

Creating Material Design Ripple Effects with SVG and Javascript

September 15, 2015     5100     Effects
Creating Material Design Ripple Effects with SVG and Javascript

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.

Read More »

jQuery DrawSVG

September 11, 2015     6496     Animation
jQuery DrawSVG

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 stroke-dasharray and stroke-dashoffset properties.

Read More »

Animated SVG Image Slider

August 27, 2015     4250     Slider Responsive Animation
Animated SVG Image Slider

A simple, responsive carousel with animated SVG paths used as transition effects.

Read More »

Animated SVG Hero Slider

August 17, 2015     4056     Slider Effects Animation
Animated SVG Hero Slider

A tutorial about creating full page slider, with animated SVG elements used as transition effects.

Read More »

two.js – Two Dimensional Drawing Api for Web

July 22, 2015     1763     Chart & Graph
two.js – Two Dimensional Drawing Api for Web

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: svgcanvas, and webgl.

Read More »

Animate Plus – JavaScript Library for CSS and SVG Animation

June 10, 2015     2354     Animation
Animate Plus – JavaScript Library for CSS and SVG Animation

Animate Plus is a performant JavaScript library that helps you animate CSS properties and SVG attributes. Animate Plus is well-suited for quick UI interactions as well as longer animation sequences on both desktop and mobile.

Read More »

wheelnav.js – Animated Circular Navigation Component

April 23, 2015     4408     HTML5 Menu
wheelnav.js – Animated Circular Navigation Component

wheelnav.js is an animated navigation menu component, a JavaScript library based on SVG. It can be a pie menu (radial menu, circular menu), tab navigation and more. The library comes with predefined CSS classes for easy styling and supports HTML5 data attributes for proper markup.

Read More »

Motion Blur Effect with SVG and Javascript

April 08, 2015     2087     Effects
Motion Blur Effect with SVG and Javascript

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Read More »

Textures.js – SVG patterns for Data Visualization

March 23, 2015     966     Others
Textures.js – SVG patterns for Data Visualization

Textures.js is a Javascript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization.

Read More »

svgPathAnimation – jQuery Function for Animating SVG

January 23, 2015     1508     Animation
svgPathAnimation – jQuery Function for Animating SVG

svgPathAnimation is a jQuery function for animating SVG multiple path synchronously.

Read More »

Elastic SVG Elements

December 15, 2014     2134     Animation
Elastic SVG Elements

Some inspiration for elastic components with SVG shape animations for enhanced UI interactions.

Snap.svg - the excellent JavaScript SVG library used for animating the SVGs, for modern browsers.

Read More »

Inspiration for Dialog Effects

December 08, 2014     3712     CSS3 & CSS Modal & Overlay
Inspiration for Dialog Effects

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.

Read More »

SVG Morpheus – Material Design Inspired SVG Icons Morphing Effect

November 28, 2014     3245     Effects
SVG Morpheus – Material Design Inspired SVG Icons Morphing Effect

SVG Morpheus is a javascript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.

Read More »

Vivus – JavaScript Library to Make Drawing Animation on SVG

November 12, 2014     3006     Animation
Vivus – JavaScript Library to Make Drawing Animation on SVG

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.

Read More »

AdvertisementAdvertise with us!