ImageForge is a powerful visual editor plugin for Bubble that allows your users to annotate, mark up, and draw on images directly inside your app. Whether you are building a document review tool, a photo feedback app, a signature collection form, or an inspection reporting system, ImageForge gives you a complete drawing canvas with no external dependencies.
Users can load any image as a background, draw freely on top of it using a range of tools, and export the final result as a merged PNG image that can be saved, uploaded, or passed through your Bubble workflows.
The plugin is fully multi-instance safe, meaning you can place more than one ImageForge element on the same page and each one will operate completely independently without interfering with the other.
Features:
Freehand pen drawing with adjustable stroke width and opacity
Rectangle and circle shape tools with optional fill
Line and arrow tools for diagrams and callouts
Text tool for adding labels and notes
Eraser tool to remove individual objects
Signature pad with a dedicated drawing modal
Image overlay — upload a secondary image onto the canvas
Full undo history (up to 60 steps)
Object selection, drag to move, and resize handles
Bring to front and send to back layer ordering
Layer panel showing all objects with individual delete buttons
Color picker with preset palette and full custom color support
Export button that merges the background image and all annotations into a single PNG
Keyboard shortcuts for all tools and actions
Fully responsive with a dedicated mobile toolbar and slide-up drawer panel
Multi-instance safe - place multiple editors on the same page with no conflicts
Keyboard Shortcuts:
P — Pen tool
S — Select tool
R — Rectangle tool
C — Circle tool
L — Line tool
A — Arrow tool
T — Text tool
E — Eraser tool
Ctrl + Z — Undo
Delete or Backspace — Delete selected object
Arrow keys — Nudge selected object by 2px
Shift + Arrow keys — Nudge selected object by 10px
Preview Url:
https://brainyminds.bubbleapps.io/version-test/image_forgeEditor Url:
https://bubble.io/page?id=brainyminds&test_plugin=1771313403450x658656107185045500_current&tab=Design&name=image_forge&type=page&elements=bTGPe
Built on Bubble
