Advertise here

jQuery Plugins Tagged ‘SVG’

Walkway.js – Javascript Library to Animate Simple SVG Elements

November 02, 2014     1639     Animation
Walkway.js – Javascript Library to Animate Simple SVG Elements

Walkway.js a javascript library to animate SVG images consisting of line and path elements in an easy way.

Read More »

Wobbly Slideshow Effect

October 26, 2014     4093     Slider CSS3 & CSS
Wobbly Slideshow Effect

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.

Read More »

ProgressBar.js – Beautiful and Responsive Progress Bars

October 14, 2014     5093     Animation
ProgressBar.js – Beautiful and Responsive Progress Bars

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.

Read More »

Fitter Happier Text – Performant, Fully Fluid Heading

September 19, 2014     2269     Text & String
Fitter Happier Text – Performant, Fully Fluid Heading

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.

Read More »

Chartist – Simple Responsive Charts

August 29, 2014     4427     Chart & Graph Responsive
Chartist – Simple Responsive Charts

Chartist.js is a simple responsive charting library built with SVG.

Features:

  • Simple handling while using convention over configuration
  • Great flexibility while using clear separation of concerns (Style with CSS & control with JS)
  • Usage of SVG
  • Fully responsive and DPI independent
  • Responsive configuration with media queries
  • Fully built and customizable with SASS

Read More »

Page Preloading Effect

August 05, 2014     8796     CSS3 & CSS Effects
Page Preloading Effect

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.

Read More »

Trianglify – Javascript Library for Colorful Triangle Meshes

April 21, 2014     7333     Effects
Trianglify – Javascript Library for Colorful Triangle Meshes

Trianglify is a javascript library for generating colorful triangle meshes that can be used as SVG images and CSS backgrounds.

Read More »

Feyn – jQuery Plugin for Drawing Feynman Diagrams with SVG

April 10, 2014     2774     Chart & Graph
Feyn –  jQuery Plugin for Drawing Feynman Diagrams with SVG

jQuery.Feyn is a plugin for drawing Feynman diagrams with SVG (Scalable Vector Graphics).

Features

  • Automatic generation of clean SVG source code
  • Easy to use, easy to make fine adjustments
  • Predefined propagator styles, vertex types, and symbols
  • Support for typesetting labels and including external graphics
  • Lightweight, cross-browser

Read More »

Flight Indicators jQuery Plugin

April 09, 2014     6690     Others
Flight Indicators jQuery Plugin

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.

Read More »

Ridiculously Responsive Social Sharing Buttons

March 04, 2014     20876     Social Responsive
Ridiculously Responsive Social Sharing Buttons

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. 

Read More »

Snap.svg – JavaScript Library for Modern SVG Graphics

January 08, 2014     3152     Others
Snap.svg – JavaScript Library for Modern SVG Graphics

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.

Read More »

Shape Hover Effect With SVG

January 07, 2014     8119     Effects
Shape Hover Effect With SVG

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

Read More »

interact.js – Drag & Drop, Resizing and Gestures for Modern Desktop and Mobile Browsers

December 31, 2013     12167     Mobile Drag & Drop
interact.js – Drag & Drop, Resizing and Gestures for Modern Desktop and Mobile Browsers

interact.js is a powerful, flexible, snappable drag and drop, resizing and multi-touch gestures for modern browsers (and also IE8+)

  • snapping to a grid, custom anchors or paths.
  • cross browser and device, supporting {Chrome,Firefox,Opera}' '{mobile,desktop}', ' and Internet Explorer 8+
  • interaction with SVG elements
  • introducing 0 additional DOM elements
  • having(a). fluent ().interface

Read More »

SVG.js – JavaScript Library for Manipulating and Animating SVG

December 28, 2013     4854     Others Animation
SVG.js – JavaScript Library for Manipulating and Animating SVG

SVG.js is a lightweight JavaScript library for manipulating and animating SVG. Svg.js has no dependencies and aims to be as small as possible.

Read More »

Circles – JavaScript Library for Circular Graphs

December 27, 2013     14140     Chart & Graph
Circles – JavaScript Library for Circular Graphs

Circles is a lightweight JavaScript library that generates circular graphs in SVG. It makes creating the charts very easy.

Read More »

AdvertisementAdvertise with us!