No-code tool for designing branded n8n chat widgets, adding rich inputs and streaming, then embedding them on websites with copy-paste code.
What it does
N8N Chat UI helps teams turn an n8n workflow into a branded, website-ready chat experience without writing widget CSS or JavaScript. You customize the bubble, window, colors, avatars, fonts, welcome text, footer, and layout, preview changes live, and copy an embed script into a site. Widgets can appear as a floating popup or an in-page component and adapt to desktop, tablet, and phone screens. For richer interactions, the documentation covers file uploads, voice input, media attachments, Markdown and HTML responses, custom metadata, session continuity, event callbacks, and real-time streaming. RTL support is available for right-to-left languages, while custom CSS provides deeper control when needed. The JavaScript API can open, close, or toggle a popup and send user messages programmatically with metadata, supporting form-triggered or button-triggered conversations. Developers can also connect compatible AI tools through the N8N Chat UI MCP server to create and tune widgets using natural language. It is aimed at n8n builders, AI-agent developers, startups, agencies, freelancers, and teams that want a polished chat front end without building one from scratch.