Free jQuery SVG Plugins
All the Free jQuery Plugins about 'SVG' are listed here.
SVG Path Animation Plugin with JavaScript - Lazy Line Painter
- Animation - 8298 ViewsLazy Line Painter is a jQuery plugin for creating SVG Path Animation using the Raphaël Library, which uses the SVG W3C Recommendation and VML as a base for creating graphics.
Dynamic Pie Chart-style Progress Bar with jQuery and SVG - progresspieSVG
- Chart & Graph - 16231 ViewsprogresspieSVG is a simple yet robust jQuery plugin which renders pie or ring chart style progress bars or countdown timers using SVG element.
Create Animated Blobs With jQuery - Blobinator
- Other - 900 ViewsA jQuery plugin to generate animated blobs using SVG, which can be used as a modern and eye-catching background for your webpage.
Change Styles Of Inline SVGs With jQuery SVGLite
- Other - 1399 ViewsA tiny SVG manipulation jQuery plugin that dynamically changes the fill or stroke properties of an SVG image and makes it fully responsive regardless of how you resize the viewport.
Raphaël - Vector Graphics JS Library
- Gallery - 9704 ViewsRaphaël is a lightweight Vector Graphics JS Library using the SVG W3C Recommendation and VML as a base for creating graphics, which can be used to simplify your work with vector graphics on the web.
Touch-enabled SVG Pan & Zoom Plugin - jQuery SVGPanZoom
- Other - 11780 ViewsA jQuery plugin that enables panning and zoom in/out functionalities on SVG images using mouse drag, mouse wheel, touch swipe and touch pinch events.
Replace SVG Image With SVG Code - jQuery Inline-SVG
- Other - 4253 ViewsInline-SVG is a simple lightweight jQuery plugin to replace img embed SVG images with inline SVG elements.
Convert SVG Image Into Inline SVG Code - iSVG
- Other - 1098 ViewsiSVG is a configurable SVG To Inline plugin which converts SVG images into inline SVG codes so that you can apply custom CSS styles & animations to shape elements.
Add SVG Arrows To Folded Content - jQuery folding-arrow
- Other - 1645 Viewsfolding-arrow is a jQuery plugin that automatically adds CSS/SVG based arrow indicators to folded/collapsed content such as accordion panels, tree structure, folder tree, etc.
Animated Triangle Pattern With jQuery And SVG - svgTrianglePattern
- Animation - 2484 ViewssvgTrianglePattern is a small jQuery plugin to create SVG based triangle/polygon pattern that is easy to animate using CSS3 transitions.
jQuery Plugin To Connect HTML Elements with Lines - HTML SVG Connect
- Other - 18904 ViewsJust another jQuery plugin for visualizing the connection between two block elements with an elegant, customizable, responsive SVG line.
Fancy Gooey Cursor With jQuery, CSS3 And SVG Filters
- Other - 5112 ViewsThis is a fancy, animated, interactive gooey mouse cursor built with JavaScript(jQuery), CSS/CSS3 and SVG filters.
jQuery Interactive Vector Map Plugin - Mapael
- Other - 17789 ViewsMapael is a plugin based on jQuery and Raphaël that allows you to create Interactive and SEO-friendly vector maps for your project.
Generate Animated SVG Lines With jQuery - ckLine.js
- Animation - 4834 ViewsJnLine.js is a funny jQuery plugin for generating random customizable SVG lines with fade in & fade out animations on the web page.
Convert SVG Images Into Inline SVG Elements - jQuery SVG Convert
- Other - 6827 ViewsSVG Convert is a lightweight jQuery plugin that has the ability to convert the static SVG images into inline SVG elements so that you can style them whatever you like.
jQuery Plugin To Make SVG Images Inline - svg-to-inline
- Other - 2988 Viewssvg-to-inline is a small jQuery plugin that convert SVG files embedded using object and img into inline SVG using SVG tag.
Animate SVG Paths Using jQuery And Velocity - SVG Path Animator
- Animation - 5282 ViewsSVG Path Animator is a jQuery plugin used to draw and animate SVG path strokes using accelerated JavaScript animations based on Velocity.js.
jQuery Plugin For SVG Path (Line) Animation - Sketch.js
- Animation - 3245 ViewsSketch.js is a lightweight jQuery SVG line animation plugin which applies a handdrawn-style transition effect to the stroke on every path of your SVG element.
Lightweight SVG Zooming And Panning Plugin - SvgZoom.js
- Zoom - 5278 ViewsSvgZoom.js is a lightweight jQuery plugin that allows you to pan and zoom in/out a SVG image element using mouse wheel events and JavaScript hooks.
Apply CSS Animations To SVG Images - Inline SVG
- Other - 1608 ViewsInline SVG is a jQuery plugin which makes you img embedded SVG content (polygon, stroke, circle) be styled and animated with CSS / CSS3.
jQuery Plugin For Easier SVG Image / Sprite Embedding - svgSwap
- Other - 553 ViewssvgSwap is a jQuery SVG embedding plugin used to build and return SVG content from single SVG file and/or SVG sprite file that will replace referencing element using XMLHttpRequest.
Minimal Hexagon Countdown Timer With jQuery And SVG - SVG Timer
- Time & Clock - 10122 ViewsThe SVG Timer jQuery plugin allows you to draw a SVG based hexagon countdown timer that uses CSS transition-timing-function for the smooth transition effects.
jQuery Plugin To Moves An Element Along A SVG Path - MotionJS
- Animation - 6522 ViewsMotionJS is a jQuery plugin which enables you to moves an element along a motion path using CSS3 transform, SVG DOM API, jQuery easing plugin and jQuery Animation.
Lightweight jQuery SVG Line Animation Plugin - DrawSVG
- Animation - 3994 ViewsDrawSVG is a really simple jQuery plugin that creates a custom SVG line drawing animation using jQuery animate() method.
jQuery Plugin For Responsive SVG Slanted Backgrounds - polygonMaskJS
- Other - 2625 ViewspolygonMaskJS is a lightweight jQuery plugin which makes use of SVG polygon clip masks to create responsive slanted backgrounds.
jQuery Plugin For SVG Path Animation - SVG Path Painter
- Animation - 2683 ViewsSVG Path Painter is a simple jQuery plugin for SVG path animations that allows you to draw and animate SVG paths at a certain speed.
Create Gmail Like Text Avatars with jQuery and SVG - initial.js
- Other - 9510 Viewsinitial.js is a lightweight jQuery plugin used to generate a SVG based user profile picture from the data-name attribute of your IMG tag, just like the text avatars as you see on Gmail.
SVG Based Workflow Diagram Plugin With jQuery - workflowChart.js
- Chart & Graph - 13117 ViewsworkflowChart.js is a simple, lightweight jQuery plugin which uses svg.js to draw a SVG based workflow diagram to visualize how tasks will flow between nodes.
jQuery Vector Map Rendering Plugin - jqvmap
- Other - 12487 ViewsA jquery Map Plugin using resizable Scalable Vector Graphics (SVG) for Rendering Vector Maps. It comes with 4 examples: World Map, Europe Map, Germany Map, and USA Map.
jQuery Plugin For Creating Blurred Image Backgrounds - Background Blur
- Other - 5304 ViewsBackground Blur is a lightweight and cross-browser jQuery plugin for creating a blurred background from a give image using SVG filters.
jQuery Plugin To Apply Custom CSS Styles To SVG - SVG.js
- Other - 2576 ViewsSVG.js is a lightweight and simple to use jQuery plugin which lets you apply custom CSS/CSS3 style to your SVG object.
Digital Camo Background Generator With jQuery And SVG - acufy.js
- Other - 2184 Viewsacufy.js is a very small jQuery plugin that makes uses of SVG to draw a random digital camo background for the whole page or a specific container.
Custom Sparkle Animations With jQuery And SVG - Sparkle
- Animation - 10122 ViewsSparkle is a very small jQuery plugin that applies a customizable, SVG based sparkle animation effect to any element.
JavaScript Library For Zooming & Panning SVG Elements - svg.pan-zoom.js
- Zoom - 5358 Viewssvg.pan-zoom.js is a JavaScript library which allows you to zoom in/out and pan SVG elements with mouse & touch interaction
Pie-style Loading Indicator Plugin With jQuery and SVG - Pie-Loader
- Loading - 2689 ViewsPie-Loader is a simple, lightweight jQuery plugin which uses SVG to render a pie chart-like animated indicator for representing your percentage value.
jQuery Plugin To Draw and Animate SVG Paths - zPath.js
- Animation - 2711 ViewsJust another jQuery SVG path animation plugin which allows you to draw and animate SVG path strokes with several customization options.
Cross Browser Responsive HTML Element Masking Plugin - polyMask.js
- Other - 2278 ViewspolyMask.js is a lightweight, responsive, cross-browser jQuery masking plugin which allows you to apply SVG-based polygon mask / clipping on images or html elements.
jQuery Plugin For Panning and Zooming SVG Images
- Other - 16742 ViewsA jQuery plugin to create panning and zooming functionality for SVG images.
Elastic SVG Modal Window with jQuery and Snap.svg
- LightBox - 4906 ViewsA fancy elastic morphing modal window with SVG shape animations built on top of jQuery and Snap.svg.
jQuery Based Picture To SVG (Vector) Converter - VectorCam
- Other - 5917 ViewsVectorCam is a jQuery based SVG image converter that allows to vectorize your local pictures into SVG files using Html5 canvas element and imagetracer.js JavaScript library.
SVG Path Animation On Scroll Using jQuery - SVG Scroll
- Animation - 7463 ViewsSVG Scroll is a lightweight jQuery SVG Path Animation plugin which applies line drawing animations to the SVGs as they're scrolled into view.
jQuery Plugin For Converting DIVs Into SVG Shapes - Shape Shifter
- Other - 3338 ViewsShape Shifter is a jQuery plugin that allows you to easily convert divs into simple and fun SVG shapes.
Customizable and Animated jQuery & SVG Based Graph Plugin - Graph.js
- Chart & Graph - 9798 ViewsGraph.js is an interactivity and customizable jQuery plugin that makes use of HTML5 SVG to create animated linear, area, bar, combo, pie, and donut charts/graphs with support for multiple datasets.
Animated Interactive Donut Chart with jQuery and Snap.svg
- Chart & Graph - 23109 ViewsA jQuery & SVG based chart script to draw an interactive donut chart with smooth SVG path animations based on Snap.svg JavaScript SVG library.
Creating A Full Page Wipe Effect with jQuery and CSS3
- Animation - 4971 ViewsAn imperfect emulation of the beautiful website Airnauts to create a cool full page 'wipe' effect using jQuery, CSS3 and SVG.
jQuery Plugin For Creating Blurred Background Image - Blurr
- Other - 2812 ViewsBlurr is a jQuery plugin that takes advantage of SVG filter to create modern blurred images for containers' backgrounds.
Creating Circular Images with jQuery and SVG - Round Image
- Other - 7151 ViewsRound Image is a super tiny jQuery plugin to generate Google+ profile image-like circular images with just one JS call.
Hamburger Button Transition Effect with jQuery and CSS3
- Animation - 6217 ViewsA SVG based hamburger button for App menu that comes with a cool CSS3 transition effect when clicked on.
Create An Animated Photo Wall with jQuery Photocols.js
- Gallery - 3480 ViewsPhotocols.js is an easy jQuery plugin to create a responsive scrolling photo wall with animated image hover captions.
Simple jQuery Plugin To Draw A SVG Pie Chart - Piechart
- Chart & Graph - 6291 ViewsPiechart is a super tiny jQuery plugin used to create a SVG pie chart with a hover animation and percentage display.
Responsive Pie Chart Plugin with jQuery and Snap.SVG - Pizza
- Chart & Graph - 20403 ViewsPizza Pie Charts is a jQuery plugin that makes use of Adobe's Snap.SVG javascript library and HTML5 data-* attributes to create a responsive and animated pie & donut chart for any device.
jQuery Plugin To Generate Visual Tournament Brackets - Bracket World
- Chart & Graph - 18495 ViewsBracket World is a customizable jQuery & Html5 SVG based tournament bracket generator to create single-elimination bracket structures with ease.
jQuery and jQuery UI Plugin For Seven-Segment Indicator - sevenSeg.js
- Other - 5890 ViewssevenSeg.js is a jQuery & jQuery UI plugin for displaying decimal numerals in a seven-segment display using Html SVG image and Knockout.js.
jQuery Plugin To Blur Any Html Elements - vague.js
- Other - 4798 ViewsjQuery Vague is a fancy and cross-browser jQuery plugin that takes advantage of SVG filters to blur any html elements of your page.
Simple jQuery SVG Image Replacement Plugin - replacesvg
- Other - 691 Viewsreplacesvg is a simple jQuery plugin for SVG Image Replacement for legacy browsers like IE 6/7/8.
jQuery Plugin For Hiding Elements with SVG Blur Effect - Spoiler Alert
- Other - 1702 ViewsSpoiler Alert is a funny jQuery plugin that allows you to hide any html element of your web page with a bit of SVG blur. Hint on mouseover. Reveal on click.
jQuery Plugin For Creating SVG Gauges - Sonic Gauge
- Other - 6883 ViewsSonic Gauge is a jQuery plugin that allows you to create and display SVG gauges based on Raphaël Vector Graphics JS Library.
Interactive SVG Infographic with jQuery and CSS
- Animation - 10855 ViewsIn this tutorial, we're going to create a SVG based Infographic with animation and interaction using CSS and JavaScript.
JavaScript Charts With SVG – xCharts
- Chart & Graph - 5486 ViewsxCharts is a JavaScript library using D3.js for building beautiful and custom data-driven chart visualizations for the web. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.