The JavaScript SVG library for the modern web

Why SVG (and Snap)?

SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.

Modern features for modern browsers

Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more.

Inject life into your SVG

With a rich animation library and easy event handing, Snap.svg lets you bring your SVG to life.

Source agnostic

Of course you can generate SVG with Snap, but you can also use Snap to work with SVG generated from tools like Adobe Illustrator, Inkscape, or Sketch. You can even load strings of SVG asynchronously and query out the pieces you need in order to turn SVG files into sprite sheets.

Open-source and free

Snap.svg is available under an Apache 2 license which means it’s completely open-source, and completely free.

Getting Started with Snap

Got questions? Ask them on the Snap.svg forums.

Get Snap now

Download Version 0.5.1

You can also clone Snap from GitHub.