Advertise here

jQuery Plugins Tagged ‘SVG’

Recharts – Composable Chart Library Built with React and D3

August 14, 2019     194     Chart & Graph React
Recharts – Composable Chart Library Built with React and D3

Recharts is a redefined chart library built with React and D3. Recharts makes it easy to integrate charts into your React application

Read More »

Zdog – Round, Flat, Designer-Friendly Pseudo-3D Engine

June 13, 2019     616     Animation
Zdog – Round, Flat, Designer-Friendly Pseudo-3D Engine

Zdog is a 3D JavaScript engine for <canvas> and SVG. You can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes.

Read More »

Pull to Re-flesh – Pull to Refresh Animation with SVG and JavaScript

October 06, 2018     1036     Mobile Animation
Pull to Re-flesh – Pull to Refresh Animation with SVG and JavaScript

A tutorial about creating pull to re-fresh animation by using javascript and SVG.

Read More »

Westworld Slider – Creative Slider with SVG and Javascript

September 28, 2018     709     Slider Animation
Westworld Slider – Creative Slider with SVG and Javascript

Westworld Slider is an inspring creative slider created by using SVG and javascript.

Read More »

Vivid.js – Easily Customize and Use SVG Icons

June 12, 2018     522    
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     889     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     888    
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     1603     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     1476     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     1124     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     999     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     1657     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     875     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     825     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     994     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 »

AdvertisementAdvertise with us!