N8N Chat UI

N8N Chat UI

Design custom chat widgets for n8n workflows

M
@mkumar27
Published on Apr 10, 2026
Visit site
38 PeerPush
🥈
Ranked #2
Product of the Day
PeerPush

Details

Pricing
Freemium
Platforms
Web

About N8N Chat UI

N8N Chat UI lets you easily design and customize beautiful chat widgets for your n8n workflows and embed them into any website without writing a single line of code. If you already run logic in n8n but don’t want to design, host, and harden a custom chat UI, this product gets you from workflow to live widget quickly: sign up, use the visual builder with live preview, then drop a simple embed snippet on your site. Why it exists: Teams ship automations in n8n every day, but customer-facing chat still means frontend work, webhook exposure, and operational glue. N8N Chat UI focuses on that last mile: appearance (colors, typography, layout), embed modes (floating popup vs in-page), and the security model you actually need in production. Two embed modes: Standalone — The browser talks to your n8n webhook directly. We’re not in the message path, so you keep control and don’t consume per-message credits. A one-time lifetime license unlocks premium customization such as footer branding and custom CSS. Managed — Your webhook is stored server-side (encrypted) and traffic goes through a proxy that hides your webhook URL, forwards to n8n, and adds guardrails: allowed domains, geo restrictions, authentication options (none, JWT, Basic, header-based), and per-widget rate limits. Managed traffic is priced with credits. What you get: - Easy customization and instant setup — Brand the widget in the builder, see changes live, and go live with a simple copy-paste embed; no dev skills required. - In-page or popup widget — Use a floating bubble or embed the chat inline so it fits your layout. - File upload support — Visitors can send files in chat; you control allowed types and caps on size and number of files. - Voice chat — Users can record and send audio in the widget for a voice-friendly flow. - Real-time chat streaming — Streaming works out of the box once it’s enabled in your n8n workflow; widgets pick it up automatically. - Responsive, modern UI — Clean layout that works on desktop, tablet, and mobile. Who it’s for: Indie hackers, SaaS teams, and agencies that want customer-facing chat powered by n8n.

Product Insights

N8N Chat UI provides a no-code visual builder to design and embed customized chat interfaces for n8n workflows. It offers a choice between direct standalone connections for full control or managed proxy hosting for enhanced security and traffic management.

  • Supports both standalone local connections and managed encrypted proxy modes.
  • Native support for advanced chat features like audio recording, file uploads, and real-time streaming.
  • Granular security controls including domain whitelisting, geo-restrictions, and JWT authentication.
  • Visual CSS customization and live preview without requiring frontend development.

Ideal for: Small businesses, agencies, and consultants who need to deploy secure, branded chat interfaces for their n8n automations without writing code.

Product Video

Watch a video demo of N8N Chat UI.

Screenshots

Screenshot 1 of N8N Chat UI
Screenshot 2 of N8N Chat UI
Screenshot 3 of N8N Chat UI
Screenshot 4 of N8N Chat UI
Screenshot 5 of N8N Chat UI
Screenshot 6 of N8N Chat UI

Reviews (0)

No reviews yet. Be the first to rate this product!

Comments (8)

chaudharyarun5797
@chaudharyarun5797

A proper chat UI for n8n workflows is something the automation community has needed for a while. Connecting workflows to a clean conversational interface makes them dramatically more accessible to non-technical users. Love this!

alex5616
@alex5616

Huge N8N fan! Great idea! Will try out!

M
@mkumar27

@alex5616 thanks! Let me know if you need something

farrukh
@farrukh

Super useful for n8n users—turning workflows into polished chat widgets without frontend work is a big win. Love the standalone vs managed flexibility. Great for shipping fast. Curious how customizable the UI gets beyond basics.

M
@mkumar27

@farrukh thanks for the feedback! With custom CSS, the widget is customizable completely.

asiffarhankhan
@asiffarhankhan

Looks great! May I know inspiration behind this project ?

M
@mkumar27

@asiffarhankhan Thanks! It came from a personal pain while running my n8n agency. Building and customizing chat UIs for clients was always messy and time-consuming, so I ended up turning it into this tool.

rshukla2k
@rshukla2k

Love it any plan on making it to claude

M
@mkumar27

@rshukla2k Thanks! I didn't quite understand your intent. Could you please elaborate?