N8N Chat UI

About N8N Chat UI

N8N Chat UI is a no-code builder that creates branded AI chat widgets specifically for n8n workflows. It replaces the default n8n chat interface with a customizable, mobile-friendly widget that supports streaming replies, voice input, and file uploads. The tool targets n8n users, agencies, SaaS teams, and businesses who need a production-ready chat front-end without writing HTML, CSS, or JavaScript.

Review

N8N Chat UI addresses a specific gap in the n8n ecosystem: the built-in chat widget's limited branding and configuration options. Where the default widget exposes webhook URLs in page source and requires manual coding for visual changes, this builder provides a live preview editor, managed proxy hosting, and a JavaScript API for programmatic control. The product launched on the n8n community forum in April 2025 and was acquired by the current team in August 2026.

Key Features

• Visual widget builder with live preview for colors, fonts, avatars, welcome messages, and custom CSS
• Popup or in-page widget layouts with streaming replies, voice input, file uploads, and follow-up prompts
• Managed widgets that proxy requests through an encrypted server, hiding n8n webhook URLs and supporting domain restrictions, geofencing, and rate limits
• JavaScript API with methods like sendMessage(), updateTheme(), and event callbacks for custom integrations
• MCP server integration allowing users to create and restyle widgets through Claude, Cursor, or VS Code

Pricing and Value

The tool uses a one-time payment model. A lifetime license costs $59 during the Product Hunt launch period, down from the standard $149. This license covers unlimited Standalone widgets, all customization options, and footer removal. Managed widgets operate on a credit system; the launch license includes 2,500 credits that do not expire. The license includes one year of updates and priority support, after which updates become an optional paid add-on. Usage costs for n8n executions and AI model API calls remain separate and are paid to those respective providers.

Pros

• Removes the need to write front-end code for branding n8n chat widgets, with a live preview reflecting changes immediately
• Managed widget option keeps webhook URLs and authentication credentials server-side, away from browser inspection
• Official plugins exist for WordPress, Webflow, Shopify, and Wix, reducing setup to pasting a Widget ID
• Metadata passing sends user context (ID, plan, current page) to n8n workflows with every message
• Session keys keep conversations separate per user or per page, even on shared browsers

Cons

• Full live chat takeover-where a human operator joins an ongoing conversation and sends messages freely-is not yet available; current handoff relies on Slack replies within a narrow time window or email/ticket creation
• Managed widgets consume credits per message, adding a usage-based cost layer on top of the lifetime license for that feature set
• The tool is not well suited for teams that do not use n8n as their automation backend, since the entire widget depends on n8n workflows to function

N8N Chat UI fits agencies building client-facing chat widgets and n8n users who need a branded interface without development overhead. It also works for SaaS teams wanting to embed contextual chat triggers-like pricing page nudges-tied to n8n automation. Teams requiring real-time, bidirectional human takeover should verify whether the planned live takeover feature aligns with their timeline before committing.