A lightweight library for manipulating and animating SVG.

        // create svg drawing
        var draw = SVG('drawing')

        // create image
        var image = draw.image('images/shade.jpg')
        image.size(650, 650).y(-150)

        // create text
        var text = draw.text('SVG.JS').move(300, 0)
          family: 'Source Sans Pro'
        , size: 180
        , anchor: 'middle'
        , leading: 1

        // clip image with text
The code above is the the exact same code used to create the masked header at the top of this page. With svg.js you have all the power of vector graphics at pocket size. Are you intrigued? See it in action!

A few examples (click on the image to see it in action)

Not convinced yet? Here are a few highlights:

digital ocean


svg.js 1.0.1 (for development) - 102k uncompressed, lots of comments

svg.min.js 1.0.1 (for production) - 11.8k when gzipped


Wondering what has changed in the latest releases? Have a look at the change log.


Domain Tips recommends svg.js library for manipulating and animating SVG. Fork me on GitHub