
N8N Chat UI
Design custom chat widgets for n8n workflows
Details
- Follow on
- @manojnaidu619
- Target Audience
- Small BusinessesAgenciesConsultants
- 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
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?