JointJS

🚀 Introducing JointJS for React

Teams use JointJS to build AI workflow builders, BPMN editors, SCADA/HMI dashboards, and data modeling tools — apps where the diagram is the product.

Today, that same powerful core comes to React.

Mermaid has become the standard for diagrams as code. But once a Mermaid diagram becomes part of your product, users want to click it and edit it, not learn the syntax.

We built a visual Mermaid editor with JointJS to close that gap, and with a detailed walkthrough so you can see exactly how it works:
→ Edits on the canvas are written back into the Mermaid text
→ Only the affected part of the source changes
→ Mermaid's own parser reads the diagram, so syntax support follows Mermaid itself
→ Curved or orthogonal links, with dagre and ELK layouts
→ It ships as a React app template you can embed in your own product

It's a good fit if you're building a docs platform, a wiki, a low-code tool, or an AI assistant that generates flowcharts your users want to fix by clicking instead of re-prompting.

📖 Read the article: jointjs.com/blog/how-to-em…
🎥 Watch the walkthrough: youtu.be/NyQq2KX3O6U
🧪 Try the live demo: jointjs.com/demos/mermaid-…

#Mermaid #React #DiagramsAsCode #JointJS #DeveloperTools

📣 JointJS is now on Medium and Dev.to.

We’re bringing our articles to where more developers read, starting with our posts on JointJS for React.

On @Medium, we’ve also started Diagramming for Developers, a publication for devs who build with diagrams, from architecture deep dives to practical how-tos, UX tips, and more. It’s about the craft of diagramming, not exclusively about JointJS.

✍️ Medium: medium.com/diagramming-fo…
🧑‍💻 Dev.to: dev.to/jointjs

If you're writing about diagramming, visual editors, or graph UIs, we’d love to hear from you. 👋

#JointJS #diagramming #ux #webdev

Paste SQL → get a live, editable database diagram. Edit the diagram → the SQL updates too. 🔁

Our new Data Modeling app template for JointJS+ for React: jointjs.com/demos/data-mod…

Here's a fun puzzle challenge for you. 🧩

Try to beat my score in the Shikaku puzzle game built with JointJS. I solved it in 54 seconds. Can you do better? Let me know your score in the comments below. 🙂

JointJS Shikaku puzzle: jointjs.com/demos/shikaku