An open API service indexing awesome lists of open source software.

https://github.com/azim-ahmed/node-flow-diagram

A node based diagram which is built by Reactflow
https://github.com/azim-ahmed/node-flow-diagram

figjam flow flowchart flowcharts html-to-image javascript mindmap mindmap-editor node-based-ui react react-flow-renderer reactflow reactjs whiteboard workflow

Last synced: about 2 months ago
JSON representation

A node based diagram which is built by Reactflow

Awesome Lists containing this project

README

        

### Clone this repo and use `yarn` to run the application
### this is based on v-10, 11 ->-> will make version 12 if needed
Want to collaboration for your project? Let's do this

Buy Me A Coffee

let me know then your project mind: : with pro-features and custom logic
## [email protected]
## Let me know if you have project in your mimd
### chatbot builder-->
contact me through email to see and implement

## See all examples
## https://reactflowexample.vercel.app

## New Drag and drop
## https://check-automate.vercel.app/ --(PAID)
## Preview
image

Updated Design with
### Automation flow
#### https://automationflow.vercel.app/

image

## Group layout with multiple nodes
### https://group-layout-flow.netlify.app/
## preview
![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/5c9acc61-9027-4c3c-9457-6230677d8598)

## Auto layout previous implementation
https://auto-layout-workflow.vercel.app/

![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/90939760-ebf0-4a62-be2f-fa9f8be12f6d)

## Square Bear
https://app.squarebear.com.au/

image

## Dalus
image

### only design :
![Flow_chart_diagram0](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/e7ef290c-3f06-4e10-b663-f5bf9ca7b09b)

## Another work live link :
### https://boneguide.netlify.app/workflow
features:
- Editable
- updateable
- searchable
- clickable
- resist manual connect
- Edge type changing
-Single color
- Multi-color
- Deletable
- Dagre layouting
- centering node
- selected node

![image](https://user-images.githubusercontent.com/67516192/229745209-f4679186-5cec-401c-9b8d-1e5066a3aeb0.png)

## Data analytics

### https://flow-diagram-automate.vercel.app/
![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/c41b5416-6a77-4f88-be5e-f92e713eb1ea)

## live link
https://workflowautomation.netlify.app/

![image](https://user-images.githubusercontent.com/67516192/218781461-0aac3060-ee8d-442b-a2ff-31bb1b9031a4.png)

## Prosp ( Cold outreach model)

### https://prosp.ai/

![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/f70e29da-3215-4164-9a6f-01dfe72276ac)

## Graphflow
https://graphflow-amber.vercel.app
### Features
- Made from JSON
- Elkjs
- Added Algorithm
- Implement Elkjs-tree
- Reactflow v-11
- MUI
- Routing
- Conditional Routing

![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/ff772940-1df9-4a09-8b7a-276c0dbff2ca)

### Last one

![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/6321949d-f9ab-457d-8d05-323b1c91f789)
https://voiceflow-two.vercel.app/
## Last one
![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/f0965567-33fa-46db-ad2c-1297a31d8883)

## Dynamic Handles

![WhatsApp Image 2024-05-03 at 11 54 02 PM](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/c113f343-88d1-4c0a-ba6c-904b69767204)