Home
Softono
dgmjs

dgmjs

Open source TypeScript
Website GitHub
1.5K
Stars
79
Forks
20
Issues
8
Watchers
5 months
Last Commit
Team Whiteboard Diagramming & Flowcharts

About dgmjs

![DGM.js](https://fs.dgm.sh/i/7GS5SV8W3uojHd3cbfVzJ/[email protected]) # DGM.js ![npm](https://img.shields.io/npm/v/@dgmjs/core.svg) An infinite canvas with _smart shapes_. It supports: - 💡 Smart shapes (scripting, constraints, extended properties) - 🔧 Headless components (React) - 🔥 Infinite canvas - 📑 Multi-page support - 👍 Hand-drawn styles - 👥 Real-time collaboration - 🎨 Dark mode (adaptive colors) - 📸 Export to image (PNG, JPEG, WebP, SVG) - 📕 Export to PDF - 🔤 Rich text - 🧑🏻‍💻 JSON export/import ## Getting started - [Get started](https://dgmjs.dev/overview/getting-started/) - [Minimal example (StackBlitz)](https://stackblitz.com/edit/dgmjs-example?file=src%2Fapp.tsx) - [Run demo app](https://github.com/dgmjs/dgmjs/blob/main/apps/demo/README.md) ## Showcase - [Frame0](https://frame0.app) - Sketch-style low-fi wireframing tool - [DGM App](https://dgm.sh/home) - Full-featured web-based sketchnotes app - [Nakso](https://nakso.app) - A local-first whiteboard application. - [draw2app](https ...

Platforms

Web Self-hosted

Languages

TypeScript

Links

Website Source Code
d
Published by
dgmjs
Visit View Profile

README.md

View on GitHub

DGM.js

DGM.js

npm

An infinite canvas with smart shapes. It supports:

  • 💡 Smart shapes (scripting, constraints, extended properties)
  • 🔧 Headless components (React)
  • 🔥 Infinite canvas
  • 📑 Multi-page support
  • 👍 Hand-drawn styles
  • 👥 Real-time collaboration
  • 🎨 Dark mode (adaptive colors)
  • 📸 Export to image (PNG, JPEG, WebP, SVG)
  • 📕 Export to PDF
  • 🔤 Rich text
  • 🧑🏻‍💻 JSON export/import

Getting started

Showcase

  • Frame0 - Sketch-style low-fi wireframing tool
  • DGM App - Full-featured web-based sketchnotes app
  • Nakso - A local-first whiteboard application.
  • draw2app - Generate web app from low-fidelity sketch by OpenAI.

Contribution

Please note that this project is not open contribution, so we do not accept any pull requests.

Build

# clone repository
$ git clone https://github.com/dgmjs/dgmjs.git
$ cd dgmjs

# install all dependencies
$ npm install

# build all packages
$ npm run build --workspaces --if-present

# run demo app
$ npm run dev -w demo

License

DGM.js is distributed under the GPLv3 license. If you want non-GPL license, please see our licensing options.