Draw

One canvas for mind maps, flowcharts, whiteboards & block diagrams — with real-time co-editing and Writer-style sharing, inside Frappe

Install Draw

bench get-app https://github.com/frappe/draw

Tags

  • canvas
  • diagramming
  • flowchart
  • frappe
  • frappe-ui
  • mindmap
  • vue
  • whiteboard

Add the Frappe Gems badge to your README

Maintain Draw? Paste this into your README:

[![Listed on Frappe Gems](https://frappegems.com/api/method/frappe_gems.seo.badge?app=frappe%2Fdraw)](https://frappegems.com/gems/apps/frappe/draw)

About Draw

Frappe Draw

Diagramming for Frappe — create mind maps, flowcharts, block diagrams and freeform whiteboards, with real-time co-editing, right inside your Frappe site.

Features

  • Mind maps — auto-laid-out, balanced two-sided trees with keyboard-first editing, cross-links, markers and per-node styling.
  • Flowcharts — typed nodes (process, decision, terminator, …), auto-routed orthogonal connectors, branch labels and one-click tidy.
  • Block diagrams — shapes, connectors with attached endpoints, alignment/distribution, rich text and a floating contextual toolbar.
  • Whiteboards — pen, highlighter, partial eraser, sticky notes, tables, lines, laser pointer and image insert.
  • Real-time co-editing — multiple people on the same canvas at once.
  • Library — organise diagrams into folders, pin favourites, search and filter; per-user and permission-scoped.
  • Export — PNG and PDF.

Installation

Install on any Frappe site using the bench CLI:

cd $PATH_TO_YOUR_BENCH
bench get-app https://github.com/frappe/draw
bench --site your-site.localhost install-app draw

Then open https://your-site.localhost/draw.

Contributing

This app uses pre-commit for code formatting and linting. Please install pre-commit and enable it for this repository:

cd apps/draw
pre-commit install

Pre-commit is configured to use ruff, eslint, prettier and pyupgrade. See CONTRIBUTING.md for the full workflow.

License

GNU Affero General Public License v3.0

Related Developer Tools apps for Frappe & ERPNext

  • Frappe — Low code web framework for real world applications, in Python and Javascript
  • Frappe Docker — Docker environment for developing, deploying, and running Frappe applications (ERPNext and custom apps) in production and development
  • Builder — Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly
  • Bench — CLI to manage Multi-tenant deployments for Frappe apps
  • Frappe Ui — A set of components and utilities for rapid UI development
  • Press — Full service cloud hosting for the Frappe stack - powers Frappe Cloud
  • Gameplan — Open Source Discussions Platform for Remote Teams
  • Doppio — A Frappe app (CLI) to magically setup single page applications and Vue/React powered desk pages on your custom Frappe apps.