<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: SteamPixel</title>
    <description>The latest articles on DEV Community by SteamPixel (@steampixel).</description>
    <link>https://dev.to/steampixel</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3325546%2F23c6a2c5-9b48-4189-9c16-4dc9b80ab316.png</url>
      <title>DEV Community: SteamPixel</title>
      <link>https://dev.to/steampixel</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/steampixel"/>
    <language>en</language>
    <item>
      <title>Visual Logic Without Code - Can This Change the Way We Build Flow-Based Systems?</title>
      <dc:creator>SteamPixel</dc:creator>
      <pubDate>Mon, 07 Jul 2025 12:08:44 +0000</pubDate>
      <link>https://dev.to/steampixel/visual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems-5f9e</link>
      <guid>https://dev.to/steampixel/visual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems-5f9e</guid>
      <description>&lt;p&gt;What if logic wasn’t hidden behind blocks – but was the blocks?&lt;/p&gt;

&lt;p&gt;With Wanderer, I’ve built a free visual flow builder where the logic is the structure.&lt;/p&gt;

&lt;p&gt;No function bodies. No hidden scripts. Just nodes and edges - and a graph that executes itself in real time, right in your browser.&lt;/p&gt;

&lt;p&gt;You can build things like AND, OR, XOR, and NOT gates - all 100% no-code.&lt;/p&gt;

&lt;p&gt;🧠 The twist?&lt;br&gt;
Edges are the logic. They define behavior, and the whole system reacts live.&lt;/p&gt;

&lt;p&gt;🎯 Try the interactive logic gate demo (no login): &lt;a href="https://wanderer-flow.de/builder?flow=https://wanderer-flow.de/flows/logic/different-logical-gates.json" rel="noopener noreferrer"&gt;https://wanderer-flow.de/builder?flow=https://wanderer-flow.de/flows/logic/different-logical-gates.json&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;✏️ Or read more: &lt;a href="https://wanderer-flow.de/blog/visual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems" rel="noopener noreferrer"&gt;https://wanderer-flow.de/blog/visual-logic-without-code-can-this-change-the-way-we-build-flow-based-systems&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It’s for builders, educators, and anyone curious about what visual programming can become when it’s truly visual.&lt;/p&gt;

&lt;p&gt;Let me know what you think – and what you'd build with it.&lt;/p&gt;

&lt;p&gt;— Chris&lt;/p&gt;

</description>
      <category>nocode</category>
      <category>opensource</category>
      <category>webdev</category>
    </item>
    <item>
      <title>I built a reactive no-code flow engine that runs entirely in your browser, no login, no backend</title>
      <dc:creator>SteamPixel</dc:creator>
      <pubDate>Sat, 05 Jul 2025 11:20:25 +0000</pubDate>
      <link>https://dev.to/steampixel/i-built-a-reactive-no-code-flow-engine-that-runs-entirely-in-your-browser-no-login-no-backend-53ie</link>
      <guid>https://dev.to/steampixel/i-built-a-reactive-no-code-flow-engine-that-runs-entirely-in-your-browser-no-login-no-backend-53ie</guid>
      <description>&lt;p&gt;Hey Dev.to 👋&lt;/p&gt;

&lt;p&gt;I’ve been working on a side project that started from a simple frustration:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;I just wanted to build a chatbot&lt;br&gt;&lt;br&gt;
but every tool forced me to write complex code, bury logic inside nodes, or sign up for yet another cloud service.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;So I built my own.&lt;br&gt;&lt;br&gt;
Introducing &lt;strong&gt;&lt;a href="https://wanderer-flow.de" rel="noopener noreferrer"&gt;Wanderer Flow&lt;/a&gt;&lt;/strong&gt; – a &lt;strong&gt;reactive&lt;/strong&gt;, &lt;strong&gt;visual&lt;/strong&gt;, and &lt;strong&gt;open&lt;/strong&gt; flow engine that runs 100% in the browser.&lt;br&gt;
No backend. No login. Just open a tab and start building.&lt;/p&gt;




&lt;h2&gt;
  
  
  What makes it different?
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Flow-based&lt;/strong&gt;: You build logic by connecting nodes and edges, not writing scripts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Reactive&lt;/strong&gt;: The flow is constantly traversed, like a living system.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;No server&lt;/strong&gt;: It’s fully client-side. Nothing gets uploaded. You own your data and logic.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Fork &amp;amp; share&lt;/strong&gt;: Every flow can be exported as JSON or shared via URL.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;GPT support&lt;/strong&gt;: You can add GPT nodes, define your own prompts, and react to responses in the graph.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Instant preview&lt;/strong&gt;: The flow runs while you’re building. You see your changes live.&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Example use cases
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Chatbots that adapt to changing context (like weather or inputs)&lt;/li&gt;
&lt;li&gt;Interactive decision trees&lt;/li&gt;
&lt;li&gt;Lightweight, offline-ready AI agents&lt;/li&gt;
&lt;li&gt;Guided flows for websites or tools — without backend dependencies&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Tech stack
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;Nuxt3 / Vue / Tailwind/ Vanilla JS / TypeScript&lt;/li&gt;
&lt;li&gt;Open source (soon on Codeberg)&lt;/li&gt;
&lt;li&gt;Designed to run on the edge, Raspberry Pi, or inside any CMS&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  Try it now
&lt;/h2&gt;

&lt;p&gt;Go to: &lt;a href="https://wanderer-flow.de" rel="noopener noreferrer"&gt;&lt;strong&gt;wanderer-flow.de&lt;/strong&gt;&lt;/a&gt;&lt;br&gt;&lt;br&gt;
No signup required. Try the builder or fork one of the included examples.&lt;/p&gt;




&lt;h2&gt;
  
  
  I’d love your feedback
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;What’s clear or confusing?&lt;/li&gt;
&lt;li&gt;What would make it more useful for you?&lt;/li&gt;
&lt;li&gt;Would you use this for anything?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Thanks for reading!&lt;br&gt;&lt;br&gt;
Chris&lt;/p&gt;

</description>
      <category>showdev</category>
      <category>opensource</category>
      <category>nocode</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
