NodeFlow // A Browser-Based Visual Workflow Builder (No Backend, No Setup)

Showcase
1

Hey Commnunity,

I built NodeFlow, a visual node-based workflow builder inspired by tools like n8n but designed to run entirely in the browser with zero setup and no backend.

:link: Live Demo: https://nodeflow.abhivarde.in

:rocket: What Makes It Interesting

  • Drag-and-drop node canvas
  • Conditional edges (e.g. “user says yes”)
  • Mark a start node
  • Live JSON preview as you build
  • Import/export workflow JSON
  • Undo/Redo with full history
  • Share any flow via short URL (no account required)
  • Inline validation warnings (no blocking errors)
  • Light & Dark mode

:hammer_and_wrench: Tech Stack

  • Framework: Next.js 16 (deployed on Vercel)
  • Canvas Engine: React Flow
  • UI: shadcn/ui
  • State Management: Zustand
  • Styling: Tailwind CSS v4

:brain: Architecture Highlights

  • No backend required, flows are encoded as base64 in the URL
  • URL shortening via TinyURL API
  • Undo/Redo built using structuredClone snapshot stacks
  • Zustand for minimal and scalable state architecture
  • Fully client-side workflow reconstruction from JSON

Built as a side project to explore advanced canvas interactions, state management patterns, and zero-backend architecture on Vercel.

Would love feedback from the community :rocket:

2 Likes
News Cache (2026-03-02)
2

nodeflow
nodeflow1200×630 149 KB

1 Like
3

Also shared a short demo on X and LinkedIn if you want a quick walkthrough of how NodeFlow works.

If you find it useful, would really appreciate a like or comment and happy to hear your thoughts.

LinkedIn demo: #webdev #nocode #automation #reactflow #nextjs #buildinpublic | Abhi Varde
X demo:

1 Like
4

Great ship, as always Abhivarde!

1 Like
5

Appreciate the continued support from the Vercel community! :raising_hands:

6

Hey community! NodeFlow is now also available in the Next.js Discord showcase, check it out there too!
→ Discord

7

NodeFlow just shipped its first feature update.

→ Color-coded nodes reflected in the MiniMap
→ 4 pre-built templates to kill the blank canvas problem
→ Cleaner sidebar UI with consistent components throughout

No backend. No login. Runs entirely in the browser.

Templates Flow View Node Colors
Templates
Templates1918×906 97.2 KB
Flow View
Flow View1917×907 96.2 KB
Node Colors
Node Colors1914×904 95 KB

What kind of template would be useful for your workflow?

8

demo:

1 Like