Advertise here

jQuery Plugins Tagged ‘SVG’

Vivid.js – Easily Customize and Use SVG Icons

June 12, 2018     438    
Vivid.js – Easily Customize and Use SVG Icons

Vivid.js is a JavaScript library which is built to easily customize and use the SVG Icons with a blaze.

Read More »

Temperature Slider with SVG, CSS and Javascript

May 18, 2018     472     Slider
Temperature Slider with SVG, CSS and Javascript

A tutorial about creating cool temperature slider using svg, css and javascript.

Read More »

DOM to Image – Generate Image from DOM with HTML5 Canvas

March 24, 2018     680    
DOM to Image – Generate Image from DOM with HTML5 Canvas

dom-to-image is a JavaScript library which can turn arbitrary DOM node into a SVG (vector) or PNG-JPEG (raster) image.

Read More »

Animated SVG Frame Slideshow

November 15, 2017     1265     Slider Animation
Animated SVG Frame Slideshow

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.

Read More »

js2flowchart – Generating SVG Flowcharts from JavaScript Code

November 14, 2017     835     Chart & Graph
js2flowchart – Generating SVG Flowcharts from JavaScript Code

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.

Read More »

Frappé Charts – Simple, Responsive, Modern SVG Charts

November 01, 2017     925     Chart & Graph Responsive
Frappé Charts – Simple, Responsive, Modern SVG Charts

Frappé Charts is a GitHub-inspired simple, responsive, modern SVG charts library with zero dependencies.

Read More »

Dynamic Shape Overlays with SVG and Javascript

October 17, 2017     834     Effects Modal & Overlay
Dynamic Shape Overlays with SVG and Javascript

Some ideas for multi-layered SVG shape overlays that get generated dynamically with adjustable properties for a variety of effects.

Read More »

Morphing Page Transition with CSS and Javascript

August 14, 2017     1379     CSS3 & CSS Effects
Morphing Page Transition with CSS and Javascript

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.

Read More »

Animals SVG Line Animations

July 14, 2017     792     Animation
Animals SVG Line Animations

A tutorial about creating SVG line animations of different animals by using Snap.svg

Read More »

Flubber – Tools for Smoother Shape Animations

June 18, 2017     759     Animation
Flubber – Tools for Smoother Shape Animations

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.

Read More »

Playful Little Tooltip Ideas with SVG and Anime.js

June 02, 2017     918     Tooltip
Playful Little Tooltip Ideas with SVG and Anime.js

Some little ideas for bouncy and playful tooltip shapes and animations with SVG and anime.js. Among other styles, shape morphing and transform used.

Read More »

On-Scroll Morphing Background Shapes

May 24, 2017     2640     Scroll Effects Animation
On-Scroll Morphing Background Shapes

A decorative website background effect where SVG shapes are morphing and transforming on scroll.

The animations are powered by anime.js

Read More »

GraphicsJS – Lightweight JavaScript Graphics Library

September 19, 2016     2050     Chart & Graph
GraphicsJS – Lightweight JavaScript Graphics Library

GraphicsJS is a lightweight JavaScript graphics library with the intuitive API, based on SVG/VML technology.

Read More »

Fancy SVG Letter Animation with Javascript

September 18, 2016     1026     Animation Text & String
Fancy SVG Letter Animation with Javascript

An experimental letter animation made with SVG and anime.js based on the Dribbble shot "Shading Letters in Illustrator".

Read More »

Clipped SVG Slider

July 29, 2016     1361     Slider CSS3 & CSS
Clipped SVG Slider

Clipped SVG Slider is a simple slider, with morphing preview images animated using SVG properties.

Read More »

AdvertisementAdvertise with us!