I fixed n8n’s biggest frontend pain: live steps tracking

Tips & Tricks
1

Let’s be real:
n8n is a beast when it comes to backend workflows…
But once you trigger a webhook from your frontend, you’re completely blind. :man_shrugging:

:white_check_mark: Did Step 1 finish?
:white_check_mark: Is Step 3 stuck?
:white_check_mark: Final output ready?

No way to know. Until now.

:brain: I built a tiny React hook that fixes this:

No polling. No WebSocket setup. No backend mess. Your UI updates in real-time with:

  • Live step-by-step progress (Real-time)
  • Final result display
  • Error tracking
  • Built-in loading state
  • Tailwind + shadcn friendly

:movie_camera: Here’s what it looks like:

This was the most frustrating gap in my n8n workflows. So I built the tool I wish existed. Now it’s yours too.

:test_tube: Soon dropping a tutorial on implmementation process, will post on this thread.

Let’s make n8n frontends Great🚀