The creative editor plugin enables you to add and interact with HTML5 Canvas inside your Bubble app, use the plugin to draw things, add/edit images, add/edit SVG files, save/load your designs, and export these designs as images exit with
Hello Hunters, š
Thanks, @samir_soliman for hunting the Creative Editor plugin.
for the last three years, I was working on the bubble.io platform and enjoying how easily you can make your MVP product in no time and without any code experience, the only thing I never find a way to implement through bubble is building a design editor and use the Power of HTML5 canvas.
from there I decided to develop a plugin based on HTML5 canvas and Fabric JS library to Empower Bubble apps with an Easy-to-Use Design Editor
After three months of working and here are the first release of the Creative Editor plugin with a lot of features and a lot of ideas on my roadmap to improve it
...
CreativeEditor plugin is a fully customizable Bubble plugin, enabling you to build a graphic editor within your bubble app in the easiest way,
šµ With this plugin, you can create a canvas clone and allow your users to make a digital design directly inside your app
šµ also you can make a custom product E-commerce website, With our plugin, add a feature for your users to add custom designs to t-shirts, mugs, phone cases, and hundreds of other products.
and so many other use cases..
Key Features:
ā supports a number of common keyboard shortcut
ā with layer support You can view and edit all canvas layers. You can lock/unlock, show/hide, clone, or delete any layer with ease with layer data and actions
ā Add texts to the canvas and customize them using a rich set of text settings, Custom fonts is supported also Google fonts are supported
ā You can add any shape you want from the default shapes like rectangle, circle, etc, or even add shapes from a predefined SVG file and customize it as you want
ā built-in state management to store edit history and easily undo and redo these actions with a default keyboard shortcut or bubble action
ā This plugin support saving and loading your design from a JSON object, loading supports custom font embed and load, also you can detect when loading finish
ā You can export your design to an image and direct download it or even upload it to bubble to save it to the database
and so many other features ...
I appreciate all your feedback and suggested ideas on the plugin, and stay tuned there are many exciting features on our roadmap!
Thank you for the support!
Premast