Here are some starter projects you can clone from GitHub to get up and running quickly with different frameworks and environments. Each project provides a basic, pre-configured setup to demonstrate the integration of the diagramming library.
Vanilla JavaScript: A basic project for using the library with plain JavaScript, without any frameworks.
https://github.com/MindFusionComponents/diagram-starter-vanilla
NPM and a Bundler: Demonstrates how to install the library from npm and integrate it into a project that uses a module bundler (here we use Vite).
https://github.com/MindFusionComponents/diagram-starter-npm
Electron: A starter project for building cross-platform desktop applications.
https://github.com/MindFusionComponents/diagram-starter-electron
React: A starter for integrating the diagram library with the React framework.
https://github.com/MindFusionComponents/diagram-starter-react
React with Vite: A specific starter for React projects that use the Vite build tool.
https://github.com/MindFusionComponents/diagram-starter-react-vite
Angular: A starter for integrating the diagram library with the Angular framework.
https://github.com/MindFusionComponents/diagram-starter-angular
Vue.js: A starter for integrating the diagram library with the Vue.js framework.
https://github.com/MindFusionComponents/diagram-starter-vue
Socket.IO and Express server: This example instantiates Diagram model on server side.
https://github.com/MindFusionComponents/collaborative-mindmap-javascript