🎨 FabricJS Graphics Canvas - Draw

Built by Techblocks in San Francisco. A powerful way to add graphics editing functionality to your app. This plugin lets you create apps like Photoshop, Microsoft Paint, PowerPoint, Google Slides, and Canva.com
Feature Demo (with link to editor):
🔗  https://techblocksco.bubbleapps.io/canvasdemo

Canva Clone Demo (with link to editor):
🔗  https://techblocksco.bubbleapps.io/canva-app



🎞️  Video Tutorial: Build a Canva clone with this plugin:
https://www.youtube.com/watch?v=EYDzpGaKiEA

🎞️  Video Tutorial: Build Google Slides with this plugin:
https://www.youtube.com/watch?v=6AWsq81bVIM

Documentation Pages
Setting up key features

Getting Started

Adding the Canvas to your page

Set the background color

Set the background image

Saving the Canvas

Save the Canvas as a PNG

Save the Canvas as a Serialization (to edit later)

Download the Canvas as an image

Key Properties, Actions, and Events

General Settings

Workflow Actions

Page Events

Canvas Exposed States

Key Features
Enable your users to freehand paint, draw shapes, add images, save to edit later, save the canvas as a png, and a lot more!  

Freehand draw/paint

Draw shapes (rectangles, ellipses, triangles, lines)

Add a background image

Add text

Add images

Drag, resize, rotate anything you’ve added

Create a set aspect ratio for responsiveness

Save your canvas to edit later

Enable users to Undo and Redo

Upload your drawing to AWS as a PNG

Download your drawing as PNG

Copy and paste a selection on the canvas

Move forward/backwards a selected element

Reviews








📆  We pride ourselves in providing excellent support - if you reach out, we respond within one business day!  

Risk-Free Trial

The safest way to test this plugin is to start a subscription. If you decide to cancel after a few days, you’ll only be charged for the time you used it. For instance, if the monthly price is $4, you’ll pay just 13¢ per day