Let users draw in your website

Use a trusted javascript drawing solution that powers real products
July 2014

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.

Blerb

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

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

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.

Presenter

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.

MemeMaker

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

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>
    <script>
       var ctx = Zwibbler.create("zwibbler1", {});
    </script>   
            
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. Even Internet Explorer 7 support is available.

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.

Non-destructive editing

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

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.

Arrows

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 or pegboard background

Configure the background for precise drawing

Snap to grid

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

Zooming

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.

Export to PNG

The document can be exported to PNG and stored on your server. PDF support is also available.

Rounded polygons

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

Snippets

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

Drag & Drop

Drag and drop images onto the canvas.

Clipart

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.

Multilingual

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