Skip to content

A node based diagram which is built by Reactflow | Reactflow example reactflow examples

Notifications You must be signed in to change notification settings

Azim-Ahmed/Node-flow-diagram

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Clone this repo and use yarn to run the application

this is based on v-10, 11 ->->

Want to collaboration for your project?

Buy Me A Coffee

let me know then your project mind: : with pro-features and custom logic and pro features

Let me know if you have project in your mimd

chatbot builder-->

contact me through email to see and implement

See all examples

New Drag and drop

Preview

image

Updated Design with

Automation flow

image

Group layout with multiple nodes

preview

image

Auto layout previous implementation

https://auto-layout-workflow.vercel.app/

image

Square Bear

https://app.squarebear.com.au/

image

Dalus

image

only design :

Flow_chart_diagram0

Another work live link :

features:

  • Editable
  • updateable
  • searchable
  • clickable
  • resist manual connect
  • Edge type changing -Single color
  • Multi-color
  • Deletable
  • Dagre layouting
  • centering node
  • selected node

image

Data analytics

image

live link

https://workflowautomation.netlify.app/

image

Prosp ( Cold outreach model)

image

Graphflow

https://graphflow-amber.vercel.app

Features

  • Made from JSON
  • Elkjs
  • Added Algorithm
  • Implement Elkjs-tree
  • Reactflow v-11
  • MUI
  • Routing
  • Conditional Routing

image

Last one

image https://voiceflow-two.vercel.app/

Last one

image

Dynamic Handles

WhatsApp Image 2024-05-03 at 11 54 02 PM