
N8N Chat UI
Design custom chat widgets for n8n workflows
Details
- Follow on
- @manojnaidu619
- Target Audience
- Small BusinessesAgenciesConsultants
- Pricing
- Freemium
- Platforms
- Web
Discovery signals
How AI and people discover N8N Chat UI on PeerPush
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 Video
Watch a video demo of N8N Chat UI.
Screenshots
Reviews (0)
No reviews yet. Be the first to rate this product!






Comments (8)
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!
Great product
very nice project
Huge N8N fan! Great idea! Will try out!
@alex5616 thanks! Let me know if you need something
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.
@farrukh thanks for the feedback! With custom CSS, the widget is customizable completely.
useful for n8n builders!
Looks great! May I know inspiration behind this project ?
@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.
Love it any plan on making it to claude
@rshukla2k Thanks! I didn't quite understand your intent. Could you please elaborate?