Design Editor Tools with React.js + ant.design + fabric.js
npm install plot-plan-designerReact Design Editor is a module for React, written in Javascript/Typescript which provides two primary features:
- Image Editor - Create images in React, draw diagrams and arrange compositions using the image editor and save the result to one of several export formats, provides functionality similar to Powerpoint.
- Business Process Modelling (BPM) - Design flowcharts and process workflows in React and export the model to JSON, which can be imported into the tool (load/save).
The module primarily uses the Ant Design, Fabric.js and React libraries, but a full list of required dependencies can be found below.
Try it out today - the project is being continually developed to support a variety of different functions.
Run npm install react-design-editor or yarn add react-design-editor
1. Clone this Project with git clone https://github.com/salgum1114/react-design-editor.git
2. Install dependencies with npm install or yarn
3. Run the App with npm start or yarn start
4. Open your web browser to http://localhost:4000
|Dependency|License(s)|
|--|--|
| React | MIT |
| Ant Design | MIT |
| Fabric.js | MIT |
| MediaElement.js | MIT |
| React-Ace | MIT |
| interact.js | MIT |
| anime.js | MIT |
| Webpack 4 | MIT |
| Babel | MIT |
| fontawesome5 | Icons (CC BY 4.0), Fonts (SIL OFL 1.1), Code (MIT) |