Launching today
N8N Chat UI
Beautiful, no-code, on-brand AI chat widgets for n8n
341 followers
Beautiful, no-code, on-brand AI chat widgets for n8n
341 followers
N8N Chat UI is a no-code builder for branded AI chat widgets, built for n8n users, agencies, SaaS teams, and businesses. Design a mobile-friendly chat experience with live preview, then connect it to any n8n workflow and embed it anywhere. Unlike default n8n chat, it adds deep customization, streaming, voice and file uploads, flexible layouts, and a JavaScript API for advanced integrations.
Payment Required
Launch Team / Built With
Render: Get up to $100K in startup creditsCloud infrastructure for founders who want to move fast and NOT break things
Promoted
Congrats to the Team on the launch 🎉
We're currently sitting at 4th place but would love to taste the gold, can you help us make that happen?
Looking to get some feedback on our tool, so go check it out here: https://n8nchatui.com
@ross_jenkins Thanks, Ross! 🙌 What a day so far. Thank you to everyone who's tried it, asked questions and shared ideas. Some of these comments have gone straight onto our list.
If you haven't had a look yet, try the widget designer on the homepage. You can build one without signing up, so tell us what you think. Honest feedback is the best support you can give us today.
— Dani
looks cool!
@louislecat Thanks! 😊 If you get a chance, try it from the homepage. You can design a widget without signing up. If anything's missing, let us know!
starting a chat with sendMessage() when someone idles on the checkout page is a smart one, most widgets just sit in the corner waiting
on the managed widgets, if someone copies the embed snippet onto their own site does the domain restriction block it completely??? or do a few messages still eat credits befor it kicks in???
@thamibenjelloun Thanks! Yes, that's one of our favourite uses for it. A widget that waits in the corner gets ignored. A well-timed "Need a hand with anything before you check out?" gets replies.
On your question: it's blocked completely. Messages don't get through before the block applies.
When a page loads a Managed widget, our server checks which site is asking before it sends the widget code. If that site isn't on your allowed-domains list, the widget doesn't load: no chat bubble, nothing to type into. Credits only get used when a message actually goes through, so a copied snippet on someone else's site costs you nothing.
A few things worth knowing:
Add every version of your address, for example both https://example.com and https://www.example.com. The match is exact, so if you leave one out, the widget won't load on that version of your site.
If the allowed-domains list is empty, the widget runs anywhere. Set your domains before you go live.
Messages started with sendMessage() go through the same route as typed ones, so on a Managed widget each one uses a credit. If you use it on the checkout page, add a rate limit or only send once per visitor.
If you'd rather not think about credits at all, that's what the Standalone widget is for. It's covered by the lifetime license ($59 during launch), and messages go straight to your own n8n webhook, so there are no credits involved. The trade-off is that the webhook is visible in your page code, and the domain lock, rate limits and analytics are Managed features. The launch license also comes with 2,500 Managed credits that never expire, so you can use both.
Thanks for checking it out!
— Dani
@ross_jenkins Love how easy it looks to customize the chat widget without writing code. Can we preview changes live before publishing?
@ross_jenkins @rohit62661 Yes. The editor shows the real widget on the same page as the settings, and every change appears straight away, so you can try colours, sizes and layouts and even chat with it before anything goes live. Nothing on your site changes until you save.
What happens when you save depends on the widget type:
Managed widgets: click "Save & Apply" and your live site updates straight away. The embed code stays the same, so you don't have to paste anything again.
Standalone widgets: your settings live inside the embed code, so after saving you copy the updated snippet back into your site.
You can also try the designer on our homepage without signing up: https://n8nchatui.com
— Dani
Passing the current page and user metadata into the workflow is a useful detail. It gives the workflow some context before the visitor types the first message.
@oleksii_sekundant Thanks, that's one of the features people tend to find most useful. It means the bot already has context with the very first message, so it doesn't have to start with "what are you looking at?"
You can pass anything you like: a user ID, plan, cart value, the page they're on. It gets sent to your n8n workflow with every message. The widget also adds a few things by default: the visitor's local time and timezone, browser info, and any URL query parameters (handy for UTM tags). If the metadata needs to change after the page loads, for example when the cart updates, you can change it before each message is sent.
Docs if anyone wants to try it: https://n8nchatui.com/docs/configuration/metadata
— Dani
Congrats @ross_jenkins @dani_martin1 @nicholas_adenikinju 🎉
Charging clients per message straight from the analytics panel is great, and something most widget tools totally ignore.
Is the n8n community node going to replace webhooks completely for most setups, or is it more for beginners? Good luck today!
@ross_jenkins @nicholas_adenikinju @kate_ramakaieva Thank you, really appreciate it! 🙏
Quick clarification on the analytics so nobody gets the wrong idea: the panel doesn't charge clients itself. It shows message counts for each Managed widget over any date range you pick, plus sessions, errors, devices and locations. Agencies put one client on each widget and use those numbers to bill per message in whatever invoicing tool they already use. You're right that most widget tools don't give you that.
On the community node: it doesn't replace webhooks, it runs on one. The n8nChatUI Trigger is a webhook underneath. What it removes is the plumbing around it. Normally you'd build a Webhook node, check auth, tidy up the incoming data, then shape the reply for a Respond to Webhook node. The node does that for you: it checks Basic Auth or JWT, gives you a clean { message, sessionId, pageUrl, metadata } to work with, and the reply node lets you add up to 4 suggested-reply buttons.
So it isn't only for beginners. It's simply a faster setup, and experienced builders save the most time with it. If you need full control over the raw request, the plain Webhook node still works exactly as before. One limit for now: it's a community node, so it installs on self-hosted n8n and isn't available on n8n Cloud yet.
Thanks again for the support today!
— Dani
Agency clients always want the chat widget to look like their brand and not like n8n, so live preview plus voice and file uploads in a no-code builder is exactly the gap this fills for me.
@karimbenkeroum That's great to hear, and it's exactly the problem we had in mind. Clients don't care that it runs on n8n. They want it to look like their own website.
A few things that should help with agency work:
One widget per client, all in one account. Clone a widget you've already styled as a starting point, then change the colours, avatar and copy for each brand.
Remove our footer so it's fully white-label.
Lock each widget to its client's domain (Managed widgets) so it only loads on their site.
Message counts per widget in the analytics, if you bill clients for usage.
If you set it up for a client and anything feels clunky in an agency workflow, tell us. That feedback is really useful to us right now.
— Dani