Skip to content
JavaScript Vector Library
JavaScript HTML

Raphaël: Cross-browser vector graphics the easy way.

Visit the library website for more information:

Quickstart guide

You need to have NPM installed to build the library.

  • git clone
  • npm install && ./node_modules/grunt-cli/bin/grunt or just npm install && grunt if you have grunt already installed


You have the raphael/raphael-min.js files that has eve bundled inside, and raphael-nodeps/raphael-nodeps-min.js where eve must be loaded by you first (you can try with the one in the dev/ folder). For AMD loading like Browserify, you can use raphael.amd.js.

Where to start

Check Raphael-boilerplate to see examples of loading.

Raphael can be loaded in a script tag or with AMD:

define([ "path/to/raphael" ], function( Raphael ) {
  console.log( Raphael );


Versions will be released as we gather and test new PRs. Each version should have a correspondent branch. As there are not automated tests, we will use the feedback from the users for the fixes.

You can use the raphaelTest.html to try things, you need to start a server in the root dir to start testing things there. Something like running python -m SimpleHTTPServer in the raphael directory and hitting http://localhost:8000/dev/raphaelTest.html with the browser. You should run npm install -g bower && bower install -D before this can work.


Related Projects


Copyright and license

Copyright © 2008-2013 Dmitry Baranovskiy (

Copyright © 2008-2013 Sencha Labs (

Licensed under the MIT ( license.

Something went wrong with that request. Please try again.