:: | ReactFlow experiment | :: Designing my personal ReactFlow node system #ReactFlow #TypeScript #JavascriptDevelopers #UIDesign #nanobanana #shadcn #lucide

kakachiex's tweet image. :: | ReactFlow experiment | ::
Designing my personal ReactFlow node system
#ReactFlow #TypeScript #JavascriptDevelopers #UIDesign #nanobanana #shadcn #lucide

Just finished a mini version of a React Flow-based Smart MCP Server (wikipedia ) to elevate conversational experiences with LLM chat. Dive into advanced interaction technology. #TechInnovation #ReactFlow @sargampoudel @kirat_tw #buildinpublic

ImShah10140's tweet image. Just finished a mini version of a React Flow-based Smart MCP Server (wikipedia ) to elevate conversational experiences with LLM chat. Dive into advanced interaction technology. #TechInnovation #ReactFlow
@sargampoudel @kirat_tw 
#buildinpublic

✨New example: A custom edge that always connects to the closest side of a node reactflow.dev/docs/examples/… #reactflow


:: | NanoBanana Node System | :: Google Nano Banana node system to render line art in Boltnew. @boltdotnew #NanobananaAI #reactflow #ComfyUI #Procreate #JavaScript #googlegemini #kakachiex

kakachiex's tweet image. :: | NanoBanana Node System | ::
Google Nano Banana node system to render line art in Boltnew.
@boltdotnew 
#NanobananaAI #reactflow #ComfyUI #Procreate #JavaScript #googlegemini #kakachiex

👉 We've published a new example to show how to add a new node when you drop an edge on the pane reactflow.dev/docs/examples/… #reactflow


Remember that reactflow game state manager I mentioned? I was working on it at my college's library. This guy approaches me and says, ACHHA YOU ARE TRYING THAT NEW #Apple's APP, RIGHT!? I was like, which new app? Attaching screenshots 😆 #freeform #reactflow #webdeveloper

akshay_99h's tweet image. Remember that reactflow game state manager I mentioned?

I was working on it at my college's library. This guy approaches me and says, ACHHA YOU ARE TRYING THAT NEW #Apple's APP, RIGHT!?

I was like, which new app?

Attaching screenshots 😆

#freeform #reactflow #webdeveloper
akshay_99h's tweet image. Remember that reactflow game state manager I mentioned?

I was working on it at my college's library. This guy approaches me and says, ACHHA YOU ARE TRYING THAT NEW #Apple's APP, RIGHT!?

I was like, which new app?

Attaching screenshots 😆

#freeform #reactflow #webdeveloper

1. Flows are easy to follow, that's why I took inspiration from #reactflow to build the main interface.


こちら一旦完成したのでGithubにて公開しました! なぜなぜ分析のDXのため、ぜひ使ってやってください github.com/aToy0m0/react-… #個人開発 #なぜなぜ分析 #ReactFlow #React

electronでreact flowのシステムをexeファイルに変換できたー ローカルアプリってこんな感じにも作れたんだ #electron #個人開発

aToy0m0's tweet image. electronでreact flowのシステムをexeファイルに変換できたー
ローカルアプリってこんな感じにも作れたんだ
#electron #個人開発


Building a custom Flow Builder UI with React Flow — drag, drop, connect. Minimal, intuitive, and made for scaling conversations. #ReactFlow #React

ketaannnn's tweet image. Building a custom Flow Builder UI with React Flow — drag, drop, connect.
Minimal, intuitive, and made for scaling conversations.

#ReactFlow #React

Tired of writing SQL? I built DrizzleFlow to fix that. An open-source tool that lets you: 💬 Chat with your database in plain English (AI-powered) 🗺️ Visualize your schema with an interactive graph #NextJS #AI #ReactFlow #DevTools @DrizzleORM


I made this online tool erd-online-tool.vercel.app using Next.js, React Flow, and AI SDK. It uses ChatGPT 4.1 mini to generate ERD diagrams and generate data. I think it is an easy way to build a database and fill it with data. #Nextjs #ReactFlow #AISDK


Do check our booth at Maxis day today in APW Bangsar, Kuala Lumpur #Reactflow #Maxis

reactflow's tweet image. Do check our booth at Maxis day today in APW Bangsar, Kuala Lumpur #Reactflow #Maxis

Integrating Reactflow and React Three Fiber can give interesting results Checkout how to build it at youtu.be/5M3q5rD8kNI #threejs #r3f #reactflow #react #threejsJourney


Just completed a challenging assignment with #ReactFlow nodes! 🎉 ✅ Node Abstraction ✅ UI/UX Styling ✅ Text Node Logic ✅ Backend Integration Check out my journey from the old app to the newly updated version. 🚀 #FrontendDev #WebDevelopment #ReactJS #FastAPI #OpenToWork

sahil_tiwa96610's tweet image. Just completed a challenging assignment with #ReactFlow nodes! 🎉

✅ Node Abstraction ✅ UI/UX Styling ✅ Text Node Logic ✅ Backend Integration

Check out my journey from the old app to the newly updated version. 🚀

#FrontendDev #WebDevelopment #ReactJS #FastAPI  #OpenToWork

NEW SKILL UNLOCKED ⚔️ I squeezed my lifes journey into a little #react website and visualized it as a skilltree! Kinda fun to see where I come from and what I want to level up next ⬆️⬆️ #webdev #reactflow


:: | ReactFlow experiment | :: Designing my personal ReactFlow node system #ReactFlow #TypeScript #JavascriptDevelopers #UIDesign #nanobanana #shadcn #lucide

kakachiex's tweet image. :: | ReactFlow experiment | ::
Designing my personal ReactFlow node system
#ReactFlow #TypeScript #JavascriptDevelopers #UIDesign #nanobanana #shadcn #lucide

:: | NanoBanana Node System | :: Google Nano Banana node system to render line art in Boltnew. @boltdotnew #NanobananaAI #reactflow #ComfyUI #Procreate #JavaScript #googlegemini #kakachiex

kakachiex's tweet image. :: | NanoBanana Node System | ::
Google Nano Banana node system to render line art in Boltnew.
@boltdotnew 
#NanobananaAI #reactflow #ComfyUI #Procreate #JavaScript #googlegemini #kakachiex

こちら一旦完成したのでGithubにて公開しました! なぜなぜ分析のDXのため、ぜひ使ってやってください github.com/aToy0m0/react-… #個人開発 #なぜなぜ分析 #ReactFlow #React

electronでreact flowのシステムをexeファイルに変換できたー ローカルアプリってこんな感じにも作れたんだ #electron #個人開発

aToy0m0's tweet image. electronでreact flowのシステムをexeファイルに変換できたー
ローカルアプリってこんな感じにも作れたんだ
#electron #個人開発


Just finished a mini version of a React Flow-based Smart MCP Server (wikipedia ) to elevate conversational experiences with LLM chat. Dive into advanced interaction technology. #TechInnovation #ReactFlow @sargampoudel @kirat_tw #buildinpublic

ImShah10140's tweet image. Just finished a mini version of a React Flow-based Smart MCP Server (wikipedia ) to elevate conversational experiences with LLM chat. Dive into advanced interaction technology. #TechInnovation #ReactFlow
@sargampoudel @kirat_tw 
#buildinpublic

#tldraw ただいまー #reactflow と一緒に使わせてもらいます


Building a custom Flow Builder UI with React Flow — drag, drop, connect. Minimal, intuitive, and made for scaling conversations. #ReactFlow #React

ketaannnn's tweet image. Building a custom Flow Builder UI with React Flow — drag, drop, connect.
Minimal, intuitive, and made for scaling conversations.

#ReactFlow #React

Want to build interactive node-based UIs like flow editors or visual tools? Check out my beginner’s guide on React Flow — a powerful React library for creating node flows, workflow builders & more! 👉 medium.com/@rajuMborah/ho… #React #ReactFlow #Frontend #JavaScript

RajuMBorah's tweet image. Want to build interactive node-based UIs like flow editors or visual tools?

Check out my beginner’s guide on React Flow — a powerful React library for creating node flows, workflow builders & more!

👉 medium.com/@rajuMborah/ho…

#React #ReactFlow #Frontend #JavaScript

Tired of writing SQL? I built DrizzleFlow to fix that. An open-source tool that lets you: 💬 Chat with your database in plain English (AI-powered) 🗺️ Visualize your schema with an interactive graph #NextJS #AI #ReactFlow #DevTools @DrizzleORM


🚀 Ready to launch my first GenAI product – n8n competitor. A no-code workflow builder powered by React Flow + LangGraph + Next.js. Think of it as your personal automation co-pilot. Stay tuned! @piyushgarg_dev @Hiteshdotcom #GenAI #n8n #ReactFlow #LangGraph #BuildInPublic

thepravin28's tweet image. 🚀 Ready to launch my first GenAI product – n8n competitor.

A no-code workflow builder powered by React Flow + LangGraph + Next.js.

Think of it as your personal automation co-pilot.

Stay tuned!  
@piyushgarg_dev 
@Hiteshdotcom 
#GenAI #n8n #ReactFlow #LangGraph #BuildInPublic

Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs

dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs
dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs
dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs
dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs

Dev Update (Apr 17): Refactored the NodeConfigPanel! ✨ Now a single floating panel appears when you click a node's config icon. Edits are reflected instantly, and the right sidebar is dedicated to the prompt preview. Smoother UX! #PromptEngineering #ReactFlow #DevLog


Me complace compartir un módulo clave de una aplicación integral que estoy desarrollando. Este 🤖chatbot builder ha sido diseñado con un enfoque modular y escalable, integrando diversas tecnologías modernas . #reactflow

ad_astra36's tweet image. Me complace compartir un módulo clave de una aplicación integral que estoy desarrollando. Este 🤖chatbot builder ha sido diseñado con un enfoque modular y escalable, integrando diversas tecnologías modernas . #reactflow

onurdayibasi.dev/react-flow-pok… Bu örnekte Node üzerine çizilmiş bir kontrol çizgisi üzerinden Dragging DeltaX, DeltaY bularak bu bilgiyi Node çevreleyen div CSS Transform olarak veriyoruz.. #EntepriseReact #LearnReactUI #ReactFlow


onurdayibasi.dev/react-flow-pok… Bu örnekte, onDrag işlemi sırasında useReactFlow → getIntersectingNodes fonksiyonunu kullanarak Node'un kesişip kesişmediğini test ediyoruz. Düğüm kesişiyorsa, arka planlarını turuncuya boyuyoruz. #EnterpriseReact #LearnReactUI #ReactFlow


onurdayibasi.dev/react-flow-pok… Bu örnekte ReactFlow'da NodeToolbar bileşenin kullanımını görüllebilir. Node ile ilgili işlemleri bu toolbar içerisindeki actionlar üzerinden gerçekleştirebilirsiniz. #ReactFlow #EnterpriseReact #LearnReactUI


onurdayibasi.dev/react-flow-pok… ReactFlow NodeResizer bileşeni sayesinde ilgili Node çevresine bir boyut degiştirebilme objesi çiziliyor. Buradan gelen onResize eventi sayesinde Node boyutlarını değiştirebiliyorsunuz. #EnterpriseReact #LearnReactUI #ReactFlow


onurdayibasi.dev/react-flow-pok… ReactFlow edge çizdiğin noktaya yeni bir Node Ekleme yöntemi - onConnect (Edge çiz) -onConnectEnd sırasında (Yeni Bir Node olustur) ve bunu graph ekle.. - ve dugumun eklenecegi pozisyon için screenToFlowPosition dan faydan. #ReactFlow #EntertpriseReact


onurdayibasi.dev/react-flow-pok…… ReactFlow'da Node(düğümler) arasında bulunan Edge farklı tiplerde çizebiliyorsunuz. ReactFlow içerisinde tanımlanmış default Edge türleri (Bezier, Step, SmoothStep ve Straight) #LearnReactUI #EnterpriseReact #ReactFlow


:: | ReactFlow experiment | :: Designing my personal ReactFlow node system #ReactFlow #TypeScript #JavascriptDevelopers #UIDesign #nanobanana #shadcn #lucide

kakachiex's tweet image. :: | ReactFlow experiment | ::
Designing my personal ReactFlow node system
#ReactFlow #TypeScript #JavascriptDevelopers #UIDesign #nanobanana #shadcn #lucide

:: | NanoBanana Node System | :: Google Nano Banana node system to render line art in Boltnew. @boltdotnew #NanobananaAI #reactflow #ComfyUI #Procreate #JavaScript #googlegemini #kakachiex

kakachiex's tweet image. :: | NanoBanana Node System | ::
Google Nano Banana node system to render line art in Boltnew.
@boltdotnew 
#NanobananaAI #reactflow #ComfyUI #Procreate #JavaScript #googlegemini #kakachiex

Just finished a mini version of a React Flow-based Smart MCP Server (wikipedia ) to elevate conversational experiences with LLM chat. Dive into advanced interaction technology. #TechInnovation #ReactFlow @sargampoudel @kirat_tw #buildinpublic

ImShah10140's tweet image. Just finished a mini version of a React Flow-based Smart MCP Server (wikipedia ) to elevate conversational experiences with LLM chat. Dive into advanced interaction technology. #TechInnovation #ReactFlow
@sargampoudel @kirat_tw 
#buildinpublic

Remember that reactflow game state manager I mentioned? I was working on it at my college's library. This guy approaches me and says, ACHHA YOU ARE TRYING THAT NEW #Apple's APP, RIGHT!? I was like, which new app? Attaching screenshots 😆 #freeform #reactflow #webdeveloper

akshay_99h's tweet image. Remember that reactflow game state manager I mentioned?

I was working on it at my college's library. This guy approaches me and says, ACHHA YOU ARE TRYING THAT NEW #Apple's APP, RIGHT!?

I was like, which new app?

Attaching screenshots 😆

#freeform #reactflow #webdeveloper
akshay_99h's tweet image. Remember that reactflow game state manager I mentioned?

I was working on it at my college's library. This guy approaches me and says, ACHHA YOU ARE TRYING THAT NEW #Apple's APP, RIGHT!?

I was like, which new app?

Attaching screenshots 😆

#freeform #reactflow #webdeveloper

Me complace compartir un módulo clave de una aplicación integral que estoy desarrollando. Este 🤖chatbot builder ha sido diseñado con un enfoque modular y escalable, integrando diversas tecnologías modernas . #reactflow

ad_astra36's tweet image. Me complace compartir un módulo clave de una aplicación integral que estoy desarrollando. Este 🤖chatbot builder ha sido diseñado con un enfoque modular y escalable, integrando diversas tecnologías modernas . #reactflow

And now #PlantUML is out 🍻 👏 @ArjunGarg07 Now #ReactFlow ? ❤️

derberq's tweet image. And now #PlantUML is out 🍻

👏 @ArjunGarg07 

Now #ReactFlow ? ❤️

Release v0.3.0 for asyncapi/app-relations-discovery is out in the wild 😱💪🍾🎂 Thank you for the contribution Arjun Garg github.com/asyncapi/app-r…



👉 We've added a new example to show how to implement an image download functionality reactflow.dev/docs/examples/… #reactjs #reactflow

moklick's tweet image. 👉 We've added a new example to show how to implement an image download functionality reactflow.dev/docs/examples/… #reactjs #reactflow

I just finished a cool assessment for a job at @VectorShiftAI ! Built a node-based UI and sent the nodes to the backend for analysis. Tried React Flow for the first time and it's amazing! 🎉 @xyflowdev #ReactJS #ReactFlow #WebDev

Armankhaan01's tweet image. I just finished a cool assessment for a job at @VectorShiftAI ! Built a node-based UI and sent the nodes to the backend for analysis. Tried React Flow for the first time and it's amazing! 🎉 @xyflowdev #ReactJS #ReactFlow #WebDev
Armankhaan01's tweet image. I just finished a cool assessment for a job at @VectorShiftAI ! Built a node-based UI and sent the nodes to the backend for analysis. Tried React Flow for the first time and it's amazing! 🎉 @xyflowdev #ReactJS #ReactFlow #WebDev

Building a custom Flow Builder UI with React Flow — drag, drop, connect. Minimal, intuitive, and made for scaling conversations. #ReactFlow #React

ketaannnn's tweet image. Building a custom Flow Builder UI with React Flow — drag, drop, connect.
Minimal, intuitive, and made for scaling conversations.

#ReactFlow #React

Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs

dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs
dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs
dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs
dtoyoda10's tweet image. Seeking feedback on my project built with React Flow! It's a fun way to visualize rap data. Would love to hear your thoughts and ideas. 👇 #reactflow #xyflow #diagram #elkjs

Do check our booth at Maxis day today in APW Bangsar, Kuala Lumpur #Reactflow #Maxis

reactflow's tweet image. Do check our booth at Maxis day today in APW Bangsar, Kuala Lumpur #Reactflow #Maxis

Just completed a challenging assignment with #ReactFlow nodes! 🎉 ✅ Node Abstraction ✅ UI/UX Styling ✅ Text Node Logic ✅ Backend Integration Check out my journey from the old app to the newly updated version. 🚀 #FrontendDev #WebDevelopment #ReactJS #FastAPI #OpenToWork

sahil_tiwa96610's tweet image. Just completed a challenging assignment with #ReactFlow nodes! 🎉

✅ Node Abstraction ✅ UI/UX Styling ✅ Text Node Logic ✅ Backend Integration

Check out my journey from the old app to the newly updated version. 🚀

#FrontendDev #WebDevelopment #ReactJS #FastAPI  #OpenToWork

A sneak peak of no code version of @TensorFlow , build with #reactflow and @nextjs . Our vision encompasses the creation of a visually-oriented model development environment, enabling seamless integration into your existing workflow through our Python package.

Sksop47's tweet image. A sneak peak of no code version of @TensorFlow  , build with #reactflow and @nextjs  .
Our vision encompasses the creation of a visually-oriented model development environment, enabling seamless integration into your existing workflow through our Python package.

Navigate data forests with ReAct flows in LangGraph Studio. Socratic Lab complements philosophical exploration perfectly! dev-hoc-api.watt.chat/xo0wQ1Mx #ReActFlow #SocraticLab

BEqkYeMPa199854's tweet image. Navigate data forests with ReAct flows in LangGraph Studio. Socratic Lab complements philosophical exploration perfectly! dev-hoc-api.watt.chat/xo0wQ1Mx #ReActFlow #SocraticLab
BEqkYeMPa199854's tweet image. Navigate data forests with ReAct flows in LangGraph Studio. Socratic Lab complements philosophical exploration perfectly! dev-hoc-api.watt.chat/xo0wQ1Mx #ReActFlow #SocraticLab

🚀 Just completed a project for @VectorShiftAI using ReactFlow! 🎉 🔹 Simplified node management 🔹 Styled UI 🔹 Added dynamic resizing & variable support 🔹 Integrated with Python/FastAPI for real-time feedback Proud of the outcome! 💡 #ReactJS #Python #ReactFlow #WebDev

Runtime_Terror's tweet image. 🚀 Just completed a project for @VectorShiftAI  using ReactFlow! 🎉

🔹 Simplified node management 
🔹 Styled UI 
🔹 Added dynamic resizing & variable support 
🔹 Integrated with Python/FastAPI for real-time feedback
Proud of the outcome! 💡 #ReactJS #Python #ReactFlow #WebDev
Runtime_Terror's tweet image. 🚀 Just completed a project for @VectorShiftAI  using ReactFlow! 🎉

🔹 Simplified node management 
🔹 Styled UI 
🔹 Added dynamic resizing & variable support 
🔹 Integrated with Python/FastAPI for real-time feedback
Proud of the outcome! 💡 #ReactJS #Python #ReactFlow #WebDev
Runtime_Terror's tweet image. 🚀 Just completed a project for @VectorShiftAI  using ReactFlow! 🎉

🔹 Simplified node management 
🔹 Styled UI 
🔹 Added dynamic resizing & variable support 
🔹 Integrated with Python/FastAPI for real-time feedback
Proud of the outcome! 💡 #ReactJS #Python #ReactFlow #WebDev

onurdayibasi.dev/react-flow-pok… ReactFlow NodeResizer bileşeni sayesinde ilgili Node çevresine bir boyut degiştirebilme objesi çiziliyor. Buradan gelen onResize eventi sayesinde Node boyutlarını değiştirebiliyorsunuz. #EnterpriseReact #LearnReactUI #ReactFlow


🚀 Ready to launch my first GenAI product – n8n competitor. A no-code workflow builder powered by React Flow + LangGraph + Next.js. Think of it as your personal automation co-pilot. Stay tuned! @piyushgarg_dev @Hiteshdotcom #GenAI #n8n #ReactFlow #LangGraph #BuildInPublic

thepravin28's tweet image. 🚀 Ready to launch my first GenAI product – n8n competitor.

A no-code workflow builder powered by React Flow + LangGraph + Next.js.

Think of it as your personal automation co-pilot.

Stay tuned!  
@piyushgarg_dev 
@Hiteshdotcom 
#GenAI #n8n #ReactFlow #LangGraph #BuildInPublic

Loading...

Something went wrong.


Something went wrong.


United States Trends