About the Challenge

Winners announced (view all dates)

Juriy Zaytsev (@kangax) and ChallengePost invite designers and developers to create new demos for Fabric.js, a framework that makes it easy to work with HTML5 canvas elements.

About Fabric.js

Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.

The Challenge

Create a new demo to highlight and extend Fabric.js capability and inspire others.

Eligibility

Anyone 13 years of age or older may participate in the challenge.

Requirements

What to create: a new demo for Fabric.js. Your demo should be accessible on a URL to jsfiddle.net. Your submission must include the URL to the demo; at least one screenshot of your demo (for the site gallery); a description of what you've created along with any references; and link(s) to any pull requests entered on the Fabric.js Github page.

Winners Gallery

Judges' Picks

People's Picks

View all submissions

Prizes

Judges' Picks (2)

Recognition on the challenge site and Fabricjs.com!

People's Picks (2)

Recognition on the challenge site and Fabricjs.com!

Judges

Juriy Zaytsev

Juriy Zaytsev

Project Owner, Fabric.js

Stefan Kienzle

Stefan Kienzle

Core developer, Fabric.js

Maxim Chernyak

Maxim Chernyak

All around awesome guy

Judging Criteria

Creativity & Originality
Simplicity

How to Enter

  1. Click “Register” to sign up.
  2. Visit the Fabricjs.com to access documentation and resources.
  3. Create a new demo.
  4. Contribute pull requests. You are encouraged, but not required, to add to the project on GitHub. If you do, please follow the contribution guidelines.
  5. Submit your demo by providing: 1) a URL to jsfiddle.net where your demo and the code can be viewed; 2) a screenshot of your demo (for the site gallery); 3) a description of your demo along with any references; and 4) link(s) to any pull requests entered on the Fabric.js Github page.