Skip to content
jQuery plugin for embedding the HTML5 drawing app, deviantART muro, on your site.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
examples Remove redundant line in example. Feb 4, 2013
html Initial commit. Feb 4, 2013
images Initial commit. Feb 4, 2013
LICENSES.txt Initial commit. Feb 4, 2013
README.mkdn Use the annotated example from the wiki for the README instead. Feb 6, 2013



jquery.deviantartmuro is a jQuery plugin to provide a convenient wrapper around the embedding API for the deviantART muro HTML5 drawing application, allowing you to provide image drawing and editing within third-party sites.

Embedding deviantART muro in your site allows you to pass images from your site to deviantART muro, allow your users to edit those images, and then hand the saved image data back to your site. You can also make scripted use of a number of deviantART muro tools such as filters.

For further documentation and examples, visit these pages:


Using jquery.deviantartmuro is as simple as this code snippet:

// Embed deviantART muro within the element with id "damuro-goes-here".
    // Say what image we want the user to embed.
    background: '../images/crane_squared_by_mudimba_and_draweverywhere.png',
    // We don't want to have deviantART muro load automatically.
    autoload: false
    // Bind a single-use onclick handler to open muro when they click on the splash screen
    .one('click', function () { $(this).damuro().open(); })
    // Chain down to the damuro object rather than $('#damuro-goes-here')
    // The .damuro() object is a promise, so lets bind a done() and fail() handler.
    .done(function (data) {
            // Here's where you'd save the image, we'll just set the page background as an example
            if (data.image && !/'/.test(data.image)) {
                $('body').css('backgroundImage', "url('" + data.image + "')");
    .fail(function (data) {
            if (data.error) {
                // Something failed in saving the image.
                $('body').append('<p>All aboard the fail whale: ' + data.error + '.</p>');
            } else {
                // The user pressed "done" without making any changes.
                $('body').append("<p>Be that way then, don't edit anything.</p>");

To see a demo like this in action you can visit our home page.


Please check the LICENSES.txt file for full details on the licensing, the quick synopsis is that image assets are provided under a Creative Commons Attribution License and the code snippets are under a BSD 3-Clause License.

You can’t perform that action at this time.