WebAppers

/ best free open source web resources /

Graphic Resources

Simple to Use jQuery Plugin to Animate SVG Paths

Posted · Category: Icons, MIT License

jQuery DrawSVG uses the jQuery built-in animation engine to transition the stroke on every inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. It weights less than 2KB minified and 800 bytes gzipped. It’s easy to use with easing and stagger support. Best of all, it’s completely Free!

jquery-draw

Requirements: jQuery Framework
Demo: http://lcdsantos.github.io/jquery-drawsvg/
License: MIT License

2 Comments
  • andyjeffries

    Very nice (on Google Chrome), but it doesn’t do anything on Safari / El Capitan for me. Not even a fallback “just display the SVG”, just a blank space.

  • Thanks!! A simple view, is easy for implement this feature.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons