{"id":25701358,"url":"https://github.com/azim-ahmed/node-flow-diagram","last_synced_at":"2025-04-30T02:52:09.109Z","repository":{"id":122515807,"uuid":"497565480","full_name":"Azim-Ahmed/Node-flow-diagram","owner":"Azim-Ahmed","description":"A node based diagram which is built by Reactflow | Reactflow example reactflow examples","archived":false,"fork":false,"pushed_at":"2025-04-28T18:00:47.000Z","size":257,"stargazers_count":40,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-30T02:52:02.328Z","etag":null,"topics":["figjam","flow","flowchart","flowcharts","html-to-image","javascript","mindmap","mindmap-editor","node-based-ui","react","react-flow-renderer","reactflow","reactjs","whiteboard","workflow"],"latest_commit_sha":null,"homepage":"https://reactflowexample.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Azim-Ahmed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"lfx_crowdfunding":null,"polar":null,"buy_me_a_coffee":"azimahmed","thanks_dev":null,"custom":null}},"created_at":"2022-05-29T11:05:04.000Z","updated_at":"2025-04-28T18:00:51.000Z","dependencies_parsed_at":"2024-05-01T09:50:00.955Z","dependency_job_id":"552d9d0f-6427-48d9-9028-78c5e6763b45","html_url":"https://github.com/Azim-Ahmed/Node-flow-diagram","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Azim-Ahmed%2FNode-flow-diagram","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Azim-Ahmed%2FNode-flow-diagram/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Azim-Ahmed%2FNode-flow-diagram/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Azim-Ahmed%2FNode-flow-diagram/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Azim-Ahmed","download_url":"https://codeload.github.com/Azim-Ahmed/Node-flow-diagram/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251632252,"owners_count":21618623,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["figjam","flow","flowchart","flowcharts","html-to-image","javascript","mindmap","mindmap-editor","node-based-ui","react","react-flow-renderer","reactflow","reactjs","whiteboard","workflow"],"created_at":"2025-02-25T04:17:08.570Z","updated_at":"2025-04-30T02:52:09.103Z","avatar_url":"https://github.com/Azim-Ahmed.png","language":"JavaScript","funding_links":["https://buymeacoffee.com/azimahmed","https://www.buymeacoffee.com/azimahmed"],"categories":[],"sub_categories":[],"readme":"### Clone this repo and use `yarn` to run the applications\n### this is based on v-10, 11 -\u003e-\u003e will make version 12 if neededed\nWant to collaboration for your project? Let's do this is for your brain childern\n\n\u003ca href=\"https://www.buymeacoffee.com/azimahmed\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" style=\"height: 60px !important;width: 217px !important;\" \u003e\u003c/a\u003e\n\nlet me know then your project mind: : with pro-features and custom logic\n## azimaahmed36+reactflow+github@gmail.com\n## Let me know if you have project in your mind\n### chatbot builder--\u003e\ncontact me through email to see and implement\n\n## See all examples\n## https://reactflowexample.vercel.app\n\n## New Drag and drop\n## https://check-automate.vercel.app/  --(PAID)\n## Preview\n\u003cimg width=\"1508\" alt=\"image\" src=\"https://github.com/user-attachments/assets/3f353e08-4509-4690-80c0-b103f3f8c7a2\"\u003e\n\nUpdated Design with \n### Automation flow \n#### https://automationflow.vercel.app/\n\n\u003cimg width=\"1303\" alt=\"image\" src=\"https://github.com/user-attachments/assets/c7a3bbe0-ba58-4032-bd98-2e2fcf2141e5\"\u003e\n\n## Group layout with multiple nodes\n### https://group-layout-flow.netlify.app/\n## preview\n![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/5c9acc61-9027-4c3c-9457-6230677d8598)\n\n## Auto layout previous implementation\nhttps://auto-layout-workflow.vercel.app/\n\n![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/90939760-ebf0-4a62-be2f-fa9f8be12f6d)\n\n## Square Bear\nhttps://app.squarebear.com.au/\n\n\u003cimg width=\"1436\" alt=\"image\" src=\"https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/032ca98d-2c5f-419e-9263-7b6567d0756e\"\u003e\n\n## Dalus\n\u003cimg width=\"1507\" alt=\"image\" src=\"https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/0798387c-1506-4688-a47b-188de913c8f2\"\u003e\n\n\n### only design : \n![Flow_chart_diagram0](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/e7ef290c-3f06-4e10-b663-f5bf9ca7b09b)\n\n## Another work live link :\n### https://boneguide.netlify.app/workflow\nfeatures: \n- Editable \n- updateable\n- searchable \n- clickable \n- resist manual connect\n- Edge type changing\n-Single color \n- Multi-color\n- Deletable\n- Dagre layouting\n- centering node\n- selected node\n\n![image](https://user-images.githubusercontent.com/67516192/229745209-f4679186-5cec-401c-9b8d-1e5066a3aeb0.png)\n\n## Data analytics \n\n### https://flow-diagram-automate.vercel.app/\n![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/c41b5416-6a77-4f88-be5e-f92e713eb1ea)\n\n\n## live link \nhttps://workflowautomation.netlify.app/\n\n![image](https://user-images.githubusercontent.com/67516192/218781461-0aac3060-ee8d-442b-a2ff-31bb1b9031a4.png)\n\n\n## Prosp ( Cold outreach model)\n\n### https://prosp.ai/\n\n![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/f70e29da-3215-4164-9a6f-01dfe72276ac)\n\n\n## Graphflow\nhttps://graphflow-amber.vercel.app\n ### Features\n - Made from JSON\n - Elkjs\n - Added Algorithm\n - Implement Elkjs-tree\n - Reactflow v-11\n - MUI\n - Routing\n - Conditional Routing\n   \n![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/ff772940-1df9-4a09-8b7a-276c0dbff2ca)\n\n### Last one\n\n![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/6321949d-f9ab-457d-8d05-323b1c91f789)\nhttps://voiceflow-two.vercel.app/\n## Last one\n![image](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/f0965567-33fa-46db-ad2c-1297a31d8883)\n\n\n## Dynamic Handles\n\n![WhatsApp Image 2024-05-03 at 11 54 02 PM](https://github.com/Azim-Ahmed/Automation-workflow/assets/67516192/c113f343-88d1-4c0a-ba6c-904b69767204)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazim-ahmed%2Fnode-flow-diagram","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fazim-ahmed%2Fnode-flow-diagram","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fazim-ahmed%2Fnode-flow-diagram/lists"}