LLM FlowStudio is a visual pipeline builder focused on Large Language Model (LLM) nodes. It allows users to create, connect, and manage custom LLM-driven workflows with an intuitive drag-and-drop interface powered by React Flow, Zustand, and Tailwind CSS.
- ๐จ Visual drag-and-drop interface to add and connect nodes
- ๐ค Special focus on LLM nodes for AI-powered pipelines
- โก Real-time flow updates and dynamic edge handling
- ๐ State management using Zustand for lightweight and reactive state
- ๐ Clean, responsive UI styled with Tailwind CSS
- ๐ Extensible architecture for adding new node types easily
- React.js
- React Flow
- Zustand
- Tailwind CSS
- Node.js (v14+ recommended)
- npm or yarn
git clone https://github.com/shaikmathin647/llm-flowstudio.git
cd llm-flowstudio
npm install- Export/import pipelines as JSON files
- Authentication and user profiles
- Collaborative multi-user editing
Made by Shaik Mathin.
Thanks to the open-source community and all the amazing tools and libraries that made this project possible.
- GitHub: shaikmathin647
Feel free to reach out for collaboration, questions, or feedback!