Design custom chat UI for your n8n - No coding required

Built with n8n
1

Hey n8n lovers!

Let me clarify upfront - this post is about something “built for n8n”, not “with n8n”. But I truly believe this will be valuable for everyone.

So, we all love building chatbots in n8n, but when it comes to embedding them into your website:
:x: Generic UI
:x: Very less customization options
:x: No branding control
:x: Requires coding skills to match your brand

That’s why I built N8N Chat UI - a tool that lets you:
:white_check_mark: Design & fully customize chat widgets to match your brand (colors, fonts, your logo, and more…)
:white_check_mark: Connect seamlessly to n8n workflows
:white_check_mark: 1-click copy & embed anywhere
:white_check_mark: Absolutely no coding knowledge required

Curious how it works? Try n8nchatui.com now and launch your branded chat widget in minutes — completely free!

I’d love your feedback. What features would make it perfect for you? :blush:

5 Likes
2

Nice - i bet you could really go crazy with custom options here.

  • give the component more ‘props’ to control the ‘mood lighting’ of the ai

On your video - I like that you show the custom effect quickly, but as I always remind people,

video is nice you can sometimes get 3-7 seconds of attention when you use sound and video design at a pro level :wink:

I would create an animated bento box type of thing in v0 or bolt - and have it autoplay in the hero, showing just a basic customization. Use like framer motion or gsap - so that someone can visually ‘get’ what your product is. (ill have it known I’m a marketer playing pretend with dev tools)

Aside from that good job!!!, like the price schema too!

2 Likes
3

I’ll take a look into improving the video demo this weekend. Thanks for your wonderful feedback