{"repo":"denishsharma/chatbot-flow-builder-starter-kit","free":true,"listed":false,"github":"https://github.com/denishsharma/chatbot-flow-builder-starter-kit","clone":"git clone https://github.com/denishsharma/chatbot-flow-builder-starter-kit.git","description":"Chatbot flow builder using React and try to make the code extensible to easily add new features.","language":"TypeScript","stars":66,"topics":["frontend","react","reactflow","task","unocss","vite","zustand","builder","chatbot","chatbot-flow-builder"],"license":"MIT","category":"ai-agents","readme_excerpt":"Chatbot Flow Builder Starter Kit A modern, extensible starter kit for building chatbot flow editors using React, React Flow, Zustand, and TypeScript. Table of Contents - Live Demo - Features - Nodes - Sidebars - Flow - Tech Stack - Getting Started - Extending the Starter Kit - Add a New Node Type - Add-or-Register-Property-Panels - Customize Flow Logic - Add Sidebar Panels or Features - General Tips - Contributing - Author Live Demo See the live demo Features Nodes - Start Node : Entry point of the flow. - Message Node : Displays a message to the user. - Conditional Path Node : Branches the flow based on conditions (showcases dynamic handles). - End Node : Terminates the flow. Sidebars - Node Sidebar : List of available nodes to add. - Node Properties Sidebar : Edit properties of the selected node. Flow - Validation : Ensures the flow has a start and end node. - Auto Adjust : Automatically arranges nodes to avoid overlap (does not adjust edges). Tech Stack - React - React Flow - Zustand - TypeScript - UnoCSS Getting Started 1. Install dependencies: 2. Start the development server: 3. Open http://localhost:5173 in your browser. Extending the Starter Kit This starter kit is designed to be easily extensible. Here are some common ways to extend the codebase: Add a New Node Type Here's how you can add a new node, using the Start Node as a reference: 1. Define the node type: - Add a new entry in src/modules/nodes/types.ts : 2. Create the node component and metadata: - Create a new ","default_branch":null,"files":null,"tree":[],"storefront":"/r/denishsharma","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/denishsharma/chatbot-flow-builder-starter-kit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}