A collection of useful Snap.svg resources

Snap.svg resources

Snap.svg is a new SVG library targeting modern browsers. It is an open source project released by Adobe, and created by the same developer that created Raphael.js.

Snap.svg does not support some older browsers, which allows it to support newer SVG features like masking, clipping, patterns, full gradients, groups, etc.

Below is a collection of resources useful for developing with Snap.svg. It's still early in the project's life, and we'll keep adding to this list as new tutorials and other resources are created, and as new versions of Snap.svg are released.

Snap.svg project website

snapsvg.io

Getting started tutorial

snapsvg.io/start

A really straightforward tutorial that will help you get a solid understanding of how Snap.svg is used.

API documentation

snapsvg.io/docs

Dig into the documentation here.

GitHub repository

github.com/adobe-webplatform/Snap.svg

Star, fork, and contribute to Snap.svg. Note that a Contributor License Agreement is required.

npm page for Snap.svg

https://npmjs.org/package/snapsvg

Snap.svg is currently on npm, but it is not currently useable within node.js/CommonJS modules.

Snap.svg on twitter

twitter.com/snapsvg

Get all the tweets from Snap.svg

Snap.svg Google Group

https://groups.google.com/forum/#!forum/snapsvg

StackOverflow threads tagged with Snap.svg

http://stackoverflow.com/questions/tagged/snap.svg

Read questions and answers about Snap.svg.

Posts about Snap.svg: tutorials, background, etc.

Introducing Snap.svg: The Next Generation JavaScript Library for SVG Graphics

blogs.adobe.com/webplatform/2013/10/23/snap-the-javascript-svg-library-for-the-modern-web

Adobe's announcement post for Snap.svg.

Animated SVG icons with Snap.svg

http://tympanus.net/codrops/2013/11/05/animated-svg-icons-with-snap-svg/

A very useful tutorial showing the creation of animated SVG icons. A great rundown on the basics of using Snap.svg.

Getting Started with Snap.svg

http://www.i-programmer.info/programming/javascript/6537-getting-started-with-snapsvg.html

A good introductory post about using Snap.svg.

Using Snap.svg with Browserify

http://makerlog.org/posts/using-snapsvg-with-browserify/

Interested in using Snap.svg with Browserify or Node.js? This gives an overview of how that can currently be done.

Videos

Getting Started with Snap.svg

youtube.com/watch?v=hyaiFapVOek

A great introductory video tutorial from Adobe about getting started with Snap.svg

Seth Vincent

Seth makes weird arcades, writes JavaScript, and builds civic technology.
sethvincent.com
twitter.com/sethdvincent
github.com/sethvincent