MARKETPLACE
PLUGINS
🎨 DRAW, SKETCH & SLIDES CANVAS
🎨 Draw, Sketch & Slides Canvas logo

🎨 Draw, Sketch & Slides Canvas

Published June 2023
   β€’    Updated today

Plugin details

➑️ The Ultimate Drawing & Presentation Canvas for Web & Mobile! 🎨 Unleash your users' creativity with a powerful, interactive canvas element perfect for drawing apps, annotation tools, collaborative whiteboards, or dynamic slide builders.
ONE PLUGIN, BOTH PLATFORMS
Build once and deploy everywhere. This single plugin works seamlessly across your Bubble web applications and native mobile apps (iOS & Android), providing a consistent core experience while leveraging platform-native strengths like touch gestures on mobile.





Key Features
βœ… Full Drawing Suite: Free-hand drawing, shapes (rects, ellipses, triangles), and programmatic text objects.
βœ… Advanced Image Fitting: Add images and automatically Contain, Fill, or Stretch them to the canvas, or scale them to specific dimensions.
βœ… Advanced Object & Layer Control: Manipulate any object's properties (color, size, rotation, opacity, shadows) and manage its stacking order with powerful workflow actions.
βœ… Intuitive Mobile Gestures: The native mobile version features smooth, touch-first navigation, including one-finger pan (in zoom mode) and two-finger pinch-to-zoom (in all modes).
βœ… Save & Load Work: Easily save the entire canvas state as a JSON string to your database and load it back later.
βœ… Export to Image: Export the canvas content (including designated background images) as a PNG or JPEG file, and upload it directly to your Bubble app's storage.
βœ… Robust History: Full undo/redo support for all actions.

See it in action
Click on the buttons below to check the plugin's SIMPLE WEB demo and editor


Click on the buttons below to check the plugin's ADVANCED WEB demo and editor


Or click on the buttons below to check the plugin's MOBILE demo and editor


Full Technical Documentation
This plugin is packed with features. For advanced users and detailed implementation guides covering every single field, state, event, and action, we've prepared an extensive technical manual.
➑️ Click here to view the full documentation.

Risk-free trial
To try any plugin, simply subscribe to its monthly plan. Bubble's pro-rata billing ensures you only pay for the days you use it (e.g., only ~$0.34 per day for a $10/month plugin).

$50

One time  β€’  Or  $9/mo

4.6 stars   β€’   18 ratings
1.8K installs
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Cosmic Steve logo
Cosmic Steve
Joined 2020   β€’   28 Plugins
View contributor profile

Instructions

🎨 To begin, add the Canvas element to your page. It works for both web and mobile pages. The element is fully responsive and will adapt to the size you give it.
The canvas's behavior is controlled by two main things:
[]Element Properties: In the editor, you can set the default state, such as the starting Mode (draw, move, zoom, etc.), brush colors, and stroke widths.
[]Workflow Actions: Most interactions, like adding an image, changing an object's color, or undoing an action, are performed using the plugin's workflow actions.

For a complete guide with practical examples, please refer to our full documentation.
➑️ View the Full Technical Documentation Now!

See how it's built
We encourage you to take a look at the demo and editor pages to see how to set up your workflows.

Click on the buttons below to check the plugin's SIMPLE WEB demo and editor


Click on the buttons below to check the plugin's ADVANCED WEB demo and editor


Or click on the buttons below to check the plugin's MOBILE demo and editor


For any advanced questions, the technical documentation has the answer: https://cosmic-plugins.notion.site/

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

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.6)

Excellent Plugin
July 16th, 2025
Really nicely put together, very easy to use. Worth every penny.
Best for creating custom design tools / image editors
March 29th, 2025
Love this image editor plugin, Steve is super responsive and helpful. Thanks!!!
Nice pluging
March 14th, 2025
Great plugin, author quickly fixed a bug. I was trying out different image editor plugins on bubble but this is exactly what I needed!
Hello, now by editing the image's height or width via workflow (with the "Set properties of an object" action) the image will be resized instead of cropped, since that was in fact a bug. Now it's fixed! (plugin author)
March 14th, 2025
  β€’  
Cosmic Steve
Great! Appreciate quick fix - 5 stars!
March 14th, 2025
  β€’  
Original reviewer
Great plugin, but needs a little tweaking.
February 6th, 2025
Great plugin! But I think I found a problem. When changing the width and height of the selected image and dragging it, the size of the entire image is changed. But when changing the width and height by changing properties, the image is cropped to the size that was passed in the property. It would be great if there was an option to crop the image by dragging with the mouse, but cropping by entering the dimensions doesn't work very well because the user doesn't know exactly how many px they want to crop.
Hello, now by editing the image's height or width via workflow (with the "Set properties of an object" action) the image will be resized instead of cropped, since that was in fact a bug. Now it's fixed! (plugin author)
March 14th, 2025
  β€’  
Cosmic Steve
Amazing plugin
October 27th, 2024
The best canvas plugin on Bubble! Steve has been incredible with helping set everything up for my app.
Bubble