Drop image here.

What is this?

Artify.js is a simple jQuery plugin which allows you to transform images into art with CSS3.

Inspired by Is This Art and JS Ascii.

Try it for yourself.

How does it work?

Artify.js uses the HTML5 File API, and CSS3. It only works in browsers that support the HTML5 File API, Chrome and Firefox.


View project on Github

How can I use it?

Invoke Artify on a block element to create a drop zone

$('div#drop-zone').artify();

You can provide Artify with two options

$('div#drop-zone').artify({
  className: 'warm semi', // Apply your own styles
  unitSize: 12 // Pixel size of each block
});

Calling Artify on an image will convert the image in place.

$('img#image-one').artify();

Try for yourself.