Let users draw in your website

Use a trusted javascript drawing solution that powers real products
June 2016

A drawing tool made just for you

You need a drawing solution now. Even if you know only a little javascript or you don't have the resources to do it in-house, you can increase signups, lower churn, or simplify ordering by letting your users draw.

You shouldn't have to spend time reading tutorials and documentation just to get started. The smart choice is to describe what you want, and let an expert make it happen for you within days, while you work on running your business.

Click on these demos to try it for yourself.


Create a photo book of precious memories with this user-friendly tool. Demonstrates multiple pages, photo upload, and a toolbar that changes based on what is selected.


Paperio is a Visio-like drawing tool for creating network and use case diagrams. Use your ipad or desktop browser to Drag and drop the images into the drawing area, and connect them with lines and arrows.


PhatCanvas lets you create a lean business model, and collaborate with your colleagues in realtime. This shows how you can integrate with firebase or another realtime database to let users work on the same document, even if they are thousands of miles apart.


A powerful Powerpoint and Google-docs clone that shows you how to use multiple pages in your app. This is great for use as a digital whiteboard.

Original Zwibbler

A fully functional graphics application that lets you draw stuff and link to it. Browse and add clipart from OpenClipart.


Create fun captions for images to post on Internet forums. View the source to see how easy it is.

Signature Pad

A simple signature pad.


Create custom T-shirts with this dated, but still user friendly interface.

Save time and reduce risk

You should have a drawing solution that you can trust. Zwibbler has had five years of improvements and fixes to support generations of browsers. These are some of the companies that have trusted Zwibbler in their products.

Microsoft chose Zwibbler to test Internet Explorer 9's HTML5 implementation.

Up and running in minutes

Paste this into your HTML right now:
    <script src="http://zwibbler.com/zwibbler-demo.js"></script>
    <div id="zwibbler1" style="width:800px;height:500px"></div>
       var ctx = Zwibbler.create("zwibbler1", {});
It doesn't need any other javascript libraries, so you won't have to worry about conflicts. Examples for saving and loading documents to your server are in the Zwibbler Integration Guide.

This is not an image. Give it a try!

Smoothest performance on touchscreens

Your application should be ready for touch, and automatically adapt its user experience for its environment so that it is a delight to use on a touch screen.

You will be able to support all major browsers, from the ancient to the bleeding edge.

A full featured drawing solution

Configurable look & feel

Use your own toolbars and icons. Every aspect can be configured to achieve exactly the right look for your application.

Export to PNG, PDF, or SVG

The document can be exported to PNG, PDF, or SVG and stored on your server.

Non-destructive editing

With vector based drawing, shapes can be changed after they've been created.

Spot highlight

Darken everything outside a region. Great for for video telestration.

Include videos

Videos and other HTML frames can be placed onto the canvas and manipulated.

Unlimited Undo/Redo

Users can quickly correct mistakes.

Simple document format

Documents are stored as plain text in your database. They can be opened and edited again later

Import images

Include images uploaded from anywhere

Multiple pages

Documents can have multiple pages. A4, letter, legal, and other paper sizes are drawn on the screen.

Dotted and dashed lines

Shapes can be drawn in a variety of styles. Dashes can be configured to be different lengths.

Magic shape brush

The magic shape brush turns scribbles into neatly drawn regular shapes.


The arrow tool can be filled, solid, single, and double-ended.

Multiline text

Text can include linebreaks and will reflow automatically.

Colour pickers

HSV wheel and paletted colour pickers are built in.

Protected Layers

You can configure layers to be locked in place, so users can only draw on top of them.

Move to front/back

Send shapes to the front or back to change the ordering.

Grid background

Configure the background for precise architectural drawings

Snap to grid

For easy positioning, all elements can be aligned on a grid of your choosing


Zoom in, out, to page width, or full-page.

Large document scrolling

Built-in scrollbars let you draw on a canvas larger than the screen. The hand-tool lets you drag the whole display.

Rounded polygons

Rounding is not just for rectangles. Any shape can have an optional rounding added.


With snippets, you can save parts of drawings to a picture library to use again.

Drag & Drop

Drag and drop images onto the canvas.


Take advantage of thousands of images from OpenClipart

Touch gestures

Touchscreen support is automatically detected and used.

Read-only mode

The canvas can be locked in place so it looks like an image.

Keyboard accessible

Users with special needs can select tools and draw without a mouse.


Easily translates to any human language.

What you get

Work with 2D graphics expert Steve Hanov to customize Zwibbler for your unique purpose. Here's what you get:

Email today to request a quote and get a free consultation

Made in Canada