MARKETPLACE
PLUGINS
🎨 FABRICJS 2: DRAW & PAINT CANVAS
🎨 FabricJS 2: Draw & Paint Canvas logo

🎨 FabricJS 2: Draw & Paint Canvas

Published June 2023
   •    Updated this week

Plugin details

This plugin allows your users to create images, adding and editing lines, shapes and texts! 🎨👨‍🎨 Develop apps like Figma, Canva, Powerpoint, or Photoshop. 🔴🟠🟡🟢🔵🟣⚫ Or even simpler stuff 😉.
REMEMBER: you can always try the plugin (almost) for FREE before buying it! You can SUBSCRIBE to the plugin and use it for 1 or 2 days. After uninstalling it, you will be charged for a fraction of the price (1/30 if you used it for 1 day). Then you can purchase it if you liked it. 😉







SIMPLE DEMO: https://cosmic-plugins.bubbleapps.io/simple_drawing?ref=pp
SIMPLE DEMO EDITOR: https://bubble.io/page?type=page&name=simple_drawing&version=live&id=cosmic-plugins

ADVANCED DEMO: https://cosmic-plugins.bubbleapps.io/drawing?ref=pp
ADVANCED DEMO EDITOR: https://bubble.io/page?type=page&name=drawing&id=cosmic-plugins



Modes
- Draw anything in free drawing mode
- Add shapes like rectangles, ellipses and triangles
- Create text elements
- Add images
- Erase
- Zoom
- Move elements and resize them

Features
- Undo / redo any action
- Any element can be modified after being created. Change fill and stroke values, position, rotation, text alignment or font, opacity and many other features
- Apply beautiful gradients to free drawing elements and shapes
- Manage elements (layers) in a Photoshop / Figma style and change the drawing order, or hide them
- Export files in JPEG or PNG format
- Access the serialized canvas at any time
- Customize the canvas with tons of options

$50

One time  •  Or  $9/mo

1.7K installs
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

View contributor profile

Instructions

We encourage you to take a look at the editor & demo page to see how the plugin works:
SIMPLE DEMO: https://cosmic-plugins.bubbleapps.io/simple_drawing?ref=pp
SIMPLE DEMO EDITOR: https://bubble.io/page?type=page&name=simple_drawing&version=live&id=cosmic-plugins

ADVANCED DEMO: https://cosmic-plugins.bubbleapps.io/drawing?ref=pp
ADVANCED DEMO EDITOR: https://bubble.io/page?type=page&name=drawing&version=live&id=cosmic-plugins

When you install the plugin, you will see a new element in the left side of bubble editor, named "Canvas"

🎨 To begin, add it to your page.

↔️ The element is fully responsive, the canvas will adapt to the element size.

✨ You can now customize the canvas’ properties with the element inspector. Every property is fully documented. You will find the instructions in the element inspector, at the beginning of any section, or below any property (just click the text “show documentation” that will appear below the property field).

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Media   •   Customer Support   •   Small Business   •   Visual Elements

Rating and reviews

Bubble