Introducting: WowBox, a 3-dimensional HTML5 canvas plugin for jQuery

Submitted by Dan on Wed, 05/18/2016 - 11:08

WowBox is a jquery plugin that adds some HTML5 canvass magic to any div on your website. With just a little bit of code, we can make some really super cool 3D effects. Check it out:

Download from GitHub

View it in the wild

If you want to help with this project, then please fork it on github! I don't have time to work on it, but there is something a little off with the perspective and the depth of field. I also need to add text support to the canvases. But this plugin library is a really good start, in my opinion. 

How does it work?

It's really simple! Just drop in the plugin on your server somewhere and add it to your webpage. Then use jquery to add the effect to a div you've create. You must then give it the URL of the image you want to use.

// first initialize it
initializeWowBox();
 
// now apply it to your divs
$('#mydiv').wowbox({
    src: 'my-image.png',
    // other options
});

 

Here is how it looks on a podcast website I made for a friend: