HTML Canvas Editor

A JavaScript library for freehand drawing and creating sketches with simple shapes.

A customizable WYSIWYG HTML canvas editor.

A nice Picasso-style drawing created using our HTML Canvas Editor

DrawerJs is a platform-independent, web-based JavaScript WYSIWYG HTML canvas editor that is very easy to use.

Here's a short video showing how to use DrawerJs:

  • DrawerJs is a feature-rich JavaScript library that offers a HTML canvas editor across modern web browsers.
  • DrawerJs makes freehand drawing, inserting texts, and building diagrams using predefined shapes very easy.
  • DrawerJs is pure JavaScript and runs completely in the browser.
  • DrawerJs can be used on any web page with just a single line of code. Add it to your web page and have an easy-to-use HTML canvas editor in only two minutes.
  • DrawerJs can be used right out of the box using its default configuration.
  • DrawerJs can be fully customized to your needs.