Currently, the most popular library for working with SVG is Raphaël. One of the primary reasons Raphaël became the de facto standard is that it supports browsers all the way back to IE 6. However, supporting so many browsers means only being able to implement a common subset of SVG features. Snap was written entirely from scratch by the author of Raphaël (Dmitry Baranovskiy), and has been optimized for modern browsers (IE9 and up, Safari, Chrome, Firefox, and Opera). Targeting modern browsers means that Snap can support powerful features like masking, clipping, patterns, full gradients, groups, and more.
Another unique feature of Snap is its ability to work with existing SVG code (think “jQuery or Zepto for SVG”). That means you can create SVG content in tools like Adobe Illustrator, then manipulate it using Snap to build interactive charts, responsive interfaces and more. You can even work with strings of SVG (for example, files loaded via Ajax), which would allow you to query for specific shapes.
Finally, Snap supports animation. By providing a simple and intuitive API for animation, Snap can help make your SVG content more interactive and engaging.
Snap is 100% free and 100% open-source (released under an Apache 2 license). We hope you will love it and welcome you to provide any feedback or contributions. Snapsvg.io Site
PBS Success Story: pbskids.org
“At PBS KIDS our mission is to create engaging content that will educate, inform and inspire kids. By having Snap.svg in our Web tools arsenal we can now achieve the same type of expressive content that we have on television across various devices in a lightweight, flexible and stunning way without sacrificing the quality.”
Chris Bishop – Creative Director, PBS Kids
Miguel Montanez from PBS KIDS talks about using Snap.svg on their new site: