dgmjs/dgmjs

Health v2 · maintenance only

Adoption not part of the score

1673 stars · 88 forks observed · 2026-10-12

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

DGM.js is a TypeScript library providing an infinite canvas with programmable 'smart shapes' for building diagramming, whiteboarding, and sketching applications. It offers React headless components, multi-page documents, hand-drawn styles, real-time collaboration via Yjs, and export to PNG, SVG, PDF, and JSON.

Use cases

• build a whiteboard app with an infinite canvas
• embed a diagram editor in a React app
• create a wireframing or sketching tool
• add real-time collaborative drawing to a web app
• export diagrams to PNG, SVG, or PDF
• define custom shapes with scripts and constraints
• support hand-drawn sketch style diagrams

When to choose

• you need an embeddable canvas/diagram engine in a TypeScript or React web app
• you want programmable shapes with constraints and scripting
• you need multi-page documents, dark mode, and image/PDF export out of the box
• you want optional real-time collaboration via Yjs

When to avoid

• you need a ready-made end-user whiteboard app rather than a library
• your project requires permissive licensing (GPLv3 with paid options for non-GPL)
• you want to contribute code, since pull requests are not accepted
• you are not using a web/JavaScript stack

Facets

library · maturity active

ui-components graphics image-processing state-management web-development frontend graphics developer-tools browser infinite-canvas diagramming whiteboard sketching smart-shapes hand-drawn-style real-time-collaboration react web-server typescript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="dgmjs/dgmjs")