MARKETPLACE
PLUGINS
🎨 FABRICJS GRAPHICS CANVAS - DRAW
🎨 FabricJS Graphics Canvas - Draw logo

🎨 FabricJS Graphics Canvas - Draw

Published August 2019
   •    Updated this week

Plugin details

Built by Techblocks in San Francisco. A powerful way to add graphics editing functionality to your app. This plugin lets you create apps like Photoshop, Microsoft Paint, PowerPoint, Google Slides, and Canva.com
Feature Demo (with link to editor):
🔗  https://techblocksco.bubbleapps.io/canvasdemo

Canva Clone Demo (with link to editor):
🔗  https://techblocksco.bubbleapps.io/canva-app



🎞️  Video Tutorial: Build a Canva clone with this plugin:
https://www.youtube.com/watch?v=EYDzpGaKiEA

🎞️  Video Tutorial: Build Google Slides with this plugin:
https://www.youtube.com/watch?v=6AWsq81bVIM

Documentation Pages
Setting up key features

Getting Started
  • Adding the Canvas to your page
  • Set the background color
  • Set the background image

    • Saving the Canvas
  • Save the Canvas as a PNG
  • Save the Canvas as a Serialization (to edit later)
  • Download the Canvas as an image

    • Key Properties, Actions, and Events
  • General Settings
  • Workflow Actions
  • Page Events
  • Canvas Exposed States


    • Key Features
    Enable your users to freehand paint, draw shapes, add images, save to edit later, save the canvas as a png, and a lot more!  

  • Freehand draw/paint
  • Draw shapes (rectangles, ellipses, triangles, lines)
  • Add a background image
  • Add text
  • Add images
  • Drag, resize, rotate anything you’ve added
  • Create a set aspect ratio for responsiveness
  • Save your canvas to edit later
  • Enable users to Undo and Redo
  • Upload your drawing to AWS as a PNG
  • Download your drawing as PNG
  • Copy and paste a selection on the canvas
  • Move forward/backwards a selected element

    • Reviews








    📆  We pride ourselves in providing excellent support - if you reach out, we respond within one business day!  

    Risk-Free Trial

    The safest way to test this plugin is to start a subscription. If you decide to cancel after a few days, you’ll only be charged for the time you used it. For instance, if the monthly price is $4, you’ll pay just 13¢ per day

    $110

    One time  •  Or  $8/mo

    3.8 stars   •   32 ratings
    13.8K installs
    This plugin does not collect or track your personal data.

    Platform

    Web

    Contributor details

    TechBlocks logo
    TechBlocks
    Joined 2017   •   22 Plugins
    View contributor profile

    Instructions

    For instructions, we've set up demo apps, written step-by-step instructions, and video tutorials (links below). Feel free to pick the option that works best for your learning style.
    Demo App Links (with Bubble Editor access)
    We highly encourage you to take a look at the editor demos, where you can see how these demos were built:


    🔗  Feature Demos: https://techblocksco.bubbleapps.io/canvasdemo

    🔗  Canva Clone Demo: https://techblocksco.bubbleapps.io/canva-app


    Documentation Site
    With step-by-step Instructions

    🔗 https://guide.techblocksco.com/


    Video Tutorials

    How to Built a Canva Clone


    How to Built a Google Slides Clone



    ✉️  Email questions and feature requests to [email protected] (we are highly responsive)

    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:
    Containers   •   Media   •   Technical   •   Small Business   •   Chart   •   Visual Elements

    Resources

    Support contact
    Documentation
    Tutorial

    Rating and reviews

    Average rating (3.8)

    Plugin no longer works
    August 8th, 2025
    Canvas doesn't load at all. Tried reaching out to support but all I got was an AI bot even when trying to speak to a human. Tried rolling back updates, and still have the same issue. This used to be a great plugin.
    No support - very expansive - not working
    June 29th, 2025
    The plugin still isn't functioning, and despite several emails, I haven’t received any assistance or even a reply.
    No Support at all
    June 16th, 2025
    Facing a serious issue and business stopped because of a plugin update. And we are trying to reachout to them by various platforms but no support at all. Have emailed support and founder multiple times but no support. Really frustrating
    NO SUPPORT AT ALL - Simple things not working
    May 27th, 2025
    I am tried to reach your support team few times (getting responde from your AI Bot only!) i am trying to do a very simple thing but it's not working for me. PLEASE CONTACT
    Hi there, thanks for reaching out! It doesn't look like we received a message from you--did you click "Talk to a person" on the email? That forwards your support query to our team. If you already did that, can you please email [email protected] ? (Bubble doesn't expose the your email on this review). Looking forward to your contact and hope to resolve your issue ASAP! (plugin author)
    May 27th, 2025
      •  
    TechBlocks
    Great plugin for editing images
    December 4th, 2024
    It took some time to get it working, but it gets the job done nicely. Alex is also very responsive when you need assistance.
    Bubble logo
    Product
    AI
    Mobile
    Design
    Data
    Logic
    Collaboration
    Security
    Status
    Release notes
    Bubble for
    Founders
    Developers
    Agencies
    Enterprise
    Discover
    How Bubble works
    Examples
    Pricing
    Learn
    Academy
    Technical guides
    Blog
    How to build
    Coaching
    Resources
    Connect to AI
    Marketplace
    Templates
    Plugins
    Experts
    Bootcamps
    Certification
    Partnerships
    Affiliates
    Figma to Bubble
    Community
    Bubble community
    Forum
    Newsletter
    Immerse
    Early access
    Store
    Company
    About
    Careers
    Brand guidelines
    Support
    Contact us
    Legal
    Terms
    Privacy
    ©  2026, Bubble Group, Inc. All rights reserved.
    Bubble
    Pricing
    Enterprise
    Contact sales