ChatUI - 阿里出品的客服对话领域的前端开源组件库

专为智能对话客服设计的组件库和开发套件,大厂出品,质量保证,还免费开源。

关于 ChatUI

ChatUI 专门是为智能对话领域的产品需求而生的设计和开发解决方案,由阿里云达摩院下的阿里小蜜团队出品并维护,目前已经应用在阿里系80多个事业部的数千个 Chatbot (对话式机器人)。

ChatUI 首页截图
ChatUI 首页截图

使用 ChatUI 帮助开发者快速搭建体验友好的机器人对话界面,部分独立软件开发商已经在阿里内部内测使用,开发周期从平均14天大大缩短到2天。

ChatUI 功能特色

  • 基于 React 提供了 50+ 基础组件、覆盖各类场景,组件特性丰富、满足各种功能需求,快速搭建各种业务模板
  • 开箱即用,一站式 Chatbot 搭建解决方案,内置对话逻辑以及常用模板,
  • 支持自由定制和二次开发,并提供在线主题编辑器,快速自定义符合产品风格的样式
  • 响应式,自动匹配屏幕尺寸,PC 和移动端都可以使用
  • 支持国际化,满足更广的应用范围
ChatUI 主题定制
ChatUI 主题定制
ChatUI 主题定制工具
ChatUI 主题定制工具

上手使用体验

ChatUI 不仅仅是一个UI组件库,而是一个从设计、体验到开发阶段都考虑得事无巨细的智能对话领域的完整解决方案,甚至从产品设计的角度说明如何设计一场与客户的对话,对于希望内嵌对话系统的产品需求,ChatUI 是一个极好的选择。

ChatUI 组件预览
ChatUI 组件预览

Ant Design 一样,阿里系的开发产品往往都花费大量的文档篇幅来说明设计理念,不仅能够让关注设计的设计师和开发者学习大厂专业的理念,也能直接享受高水平的设计产品,ChatUI 的设计风格中性优雅,提供了 Sketch 文件格式的设计资源,方便 UI 设计师和产品经理快速搭建产品蓝图。

开发者借助官网详细的文档,配合 ChatSDK 可以快速接入智能机器人对话,相比自己搭建,能大大减少开发工作量,只是貌似阿里内部更多的是使用 React.js 作为开发框架,目前 ChatUI 组件也是提供的 React 版本,希望尽快出 Vue 版本吧,毕竟借助 uni-app 这样基于 Vue.js 的开发工具,能够让 ChatUI 更容易地应用在 web / 小程序 / 安卓 / iOS 的产品上。

免费开源说明

ChatUI 是智能对话领域的设计和技术研发体系,基于阿里云小蜜衍生而来,在2020年9月17通过云栖大会正式上线,正式宣布对外开源,目前基于 MIT 开源协议在 Github 上开源。除了组件还有 ChatSDK 、Chat Pro 等,开发者可以访问官网进一步了解,都是服务于面对消费者的对话式界面,且全都是免费使用的。