alibaba / Chatui
Licence: mit
The UI design language and React library for Conversational UI
Stars: ✭ 684
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Chatui
Venom
Venom is the most complete javascript library for Whatsapp, 100% Open Source.
Stars: ✭ 3,457 (+405.41%)
Mutual labels: chatbot, chat
Dialogflow Web V2
Dialogflow Web Integration. Rich Components, Actions on Google and more
Stars: ✭ 307 (-55.12%)
Mutual labels: chatbot, chat
React Native Chatbot
💬 Easy way to create conversation chats
Stars: ✭ 212 (-69.01%)
Mutual labels: chatbot, chat
Convform
A jQuery plugin that transforms a form into an interactive chat.
Stars: ✭ 141 (-79.39%)
Mutual labels: chatbot, chat
Mojo Webqq
【重要通知:WebQQ将在2019年1月1日停止服务,此项目目前已停止维护,感谢大家四年来的一路陪伴】使用Perl语言(不会没关系)编写的smartqq/webqq客户端框架(非GUI),可通过插件提供基于HTTP协议的api接口供其他语言或系统调用
Stars: ✭ 1,755 (+156.58%)
Mutual labels: chatbot, chat
Seq2seq chatbot
a chatbot which is implemented via seq2seq model.
Stars: ✭ 90 (-86.84%)
Mutual labels: chatbot, chat
Messenger
Open source, native iOS Messenger, with realtime chat conversations (full offline support).
Stars: ✭ 4,264 (+523.39%)
Mutual labels: chatbot, chat
Qqbot
QQBot: A conversation robot base on Tencent's SmartQQ
Stars: ✭ 3,643 (+432.6%)
Mutual labels: chatbot, chat
Lookerbot
Lookerbot lets you access all your Looker data from Slack! Super fun!
Stars: ✭ 138 (-79.82%)
Mutual labels: chatbot, chat
Applozic Ios Sdk
iOS Real Time Chat & Messaging SDK
Stars: ✭ 104 (-84.8%)
Mutual labels: chatbot, chat
Qiscus Sdk Android
Qiscus provide everything you need to power up your app with chats. And it's now made simple.
Stars: ✭ 175 (-74.42%)
Mutual labels: chatbot, chat
Addchat Laravel
AddChat Laravel is a Laravel chat package. Live chat widget for Laravel that also includes multi-user chat, group permissions, customer support chat & more.
Stars: ✭ 99 (-85.53%)
Mutual labels: chatbot, chat
Errbot
Errbot is a chatbot, a daemon that connects to your favorite chat service and bring your tools and some fun into the conversation.
Stars: ✭ 2,605 (+280.85%)
Mutual labels: chatbot, chat
Chaskiq
A full featured Live Chat, Support & Marketing platform, alternative to Intercom, Drift, Crisp, etc ...
Stars: ✭ 1,263 (+84.65%)
Mutual labels: chatbot, chat
React Simple Chatbot
💬 Easy way to create conversation chats
Stars: ✭ 1,292 (+88.89%)
Mutual labels: chatbot, chat
Wechatyunchart
微信多开多账号机器人 云客服系统 微商营销 系统web协议一键登录 非公众号微信机器人微信群管家 微信自动回复 微信定时发送消息 微信多账号登录 微信网页版本协议多开 一键登录 红包数量提醒 微信用户识别男女签名备注地理位置等,群发 自动发消息 定时发消息 群消息监控 机器人回复 ,定时回复,超时回复 聊天记录保存,聊天记录查看
Stars: ✭ 357 (-47.81%)
Mutual labels: chatbot, chat
Aws Lex Web Ui
Sample Amazon Lex chat bot web interface
Stars: ✭ 500 (-26.9%)
Mutual labels: chatbot, chat
The UI design language and React library for Conversational UI
Website:https://chatui.io
English | 简体中文
Features
- 😎 Best Practices: The best practice for chat interaction based on our experience of Alime Chatbot
- 🛡 TypeScript: Written in TypeScript with predictable static types
- 📱 Responsive: Responsive design to adapt automatically to whatever device
- ♿ Accessibility: Accessibility support and get the certification from Accessibility Research Association
- 🎨 Theming: Powerful theme customization in every detail
- 🌍 International: Internationalization support for dozens of languages
Environment Support
- Modern browsers (support CSS Variables)
- Internet Explorer 11 (with polyfills and CSS Variables Polyfill / css-vars-ponyfill)
Edge |
Firefox |
Chrome |
Safari |
iOS Safari |
Android WebView |
---|---|---|---|---|---|
16+ | 31+ | 49+ | 9.1+ | 9.3+ | 6+ |
Install
npm install @chatui/core --save
yarn add @chatui/core
Usage
import Chat, { Bubble, useMessages } from '@chatui/core';
import '@chatui/core/dist/index.css';
const App = () => {
const { messages, appendMsg, setTyping } = useMessages([]);
function handleSend(type, val) {
if (type === 'text' && val.trim()) {
appendMsg({
type: 'text',
content: { text: val },
position: 'right',
});
setTyping(true);
setTimeout(() => {
appendMsg({
type: 'text',
content: { text: 'Bala bala' },
});
}, 1000);
}
}
function renderMessageContent(msg) {
const { content } = msg;
return <Bubble content={content.text} />;
}
return (
<Chat
navbar={{ title: 'Assistant' }}
messages={messages}
renderMessageContent={renderMessageContent}
onSend={handleSend}
/>
);
};
Development
cd storybook
npm i
npm run storybook
Theme
Visit Customize Theme for detail
Internationalization
Visit i18n for detail
Discussion
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].