🎨 Mobile Draw Canvas ✏️🖌️
The most complete solution for drawing, annotating, and presenting on mobile devices! 🚀Bring a professional-grade experience to your app with a powerful interactive canvas—ideal for drawing apps, annotation tools, collaborative whiteboards, digital signatures, slide creators, visual editors, and various other creative solutions.
The element itself automatically renders the entire necessary interface, including menus, a toolbar, the canvas, and other features. You do not need to manually build any interface elements within the Bubble editor.
Additionally, all text displayed in the interface can be customized via the plugin's fields, making it easy to adapt the language and user experience.Simply add the element to your page and configure the desired properties. There is no need to create separate groups, buttons, icons, or menus in the editor, as the entire interface is built into the component itself.Important: For the best user experience, the Bubble page should be set to Not Scrollable. If the page is set to Scrollable, the finger movement used for drawing might cause the page to move simultaneously. This behavior is part of Bubble's default configuration, not the plugin's.
---✨ Key Features✅ Complete set of drawing toolsFreehand drawing, eraser, lines, rectangles, ellipses, triangles, and fully editable text objects.✅ Individual tool controlChoose exactly which features are available to the user via the plugin's fields.You can individually enable or disable:
- Move
- Brush
- Eraser
- Shapes
- Images
- Text
- Zoom
- Undo
- Redo
This allows you to create anything from a simple editor to a full-featured professional drawing environment.✅ Background image or colorSet a solid color or use an image as the canvas background. You can also choose how the image is displayed by using various rendering modes, such as:
- Cover
- Contain
- Stretch
- Repeat
- Center
- Among others.
✅ Advanced image controlAdd images to the canvas and automatically adjust their positioning or size.You can completely fill the area, maintain the original aspect ratio, stretch the image, or set specific dimensions based on project requirements.✅ Advanced object managementControl virtually all properties of elements placed on the canvas.These include:
- Color
- Thickness
- Size
- Rotation
- Opacity
- Shadows
- Position
- Scale
Additionally, the plugin offers actions to change layer order, allowing you to bring objects to the front or send them to the back as needed.✅ Native mobile experienceThe plugin was developed specifically for Bubble Mobile using React Native.Navigation is fully optimized for touchscreens, offering a fluid and natural experience.Supported gestures include:
- Single-finger movement during Zoom mode;
- Two-finger pinch gesture to zoom in or out on the canvas;
- Fast, responsive interactions across all tools.
✅ Save and restore drawingsSave the entire canvas content as a JSON string directly to the Bubble database.Later, simply load this JSON to restore the drawing to its exact previous state, including objects, text, shapes, and images.✅ Image exportExport all content created on the canvas—including background images and added objects—in PNG or JPEG formats.A robust history system with full support for:Every action performed on the canvas is recorded, providing an experience similar to professional editing applications.---🧪 How to test
---💳 Risk-free trialYou can try out any plugin simply by subscribing to the monthly plan.Bubble's **pro-rata** billing ensures you only pay for the days actually used. For example, a **$5** plugin. 
Built on Bubble
