Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/elysian01/rasa-chatbot-ui
A responsive U.I design plugin for your rasa chatbot.
https://github.com/elysian01/rasa-chatbot-ui
chatbot chatbot-web-ui javascript rasa-chatbot rasa-ui rasa-webchat ui vuejs web-interface
Last synced: about 2 months ago
JSON representation
A responsive U.I design plugin for your rasa chatbot.
- Host: GitHub
- URL: https://github.com/elysian01/rasa-chatbot-ui
- Owner: Elysian01
- License: mit
- Created: 2020-10-27T08:28:42.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-04-21T17:45:05.000Z (over 1 year ago)
- Last Synced: 2024-11-07T15:14:28.757Z (about 2 months ago)
- Topics: chatbot, chatbot-web-ui, javascript, rasa-chatbot, rasa-ui, rasa-webchat, ui, vuejs, web-interface
- Language: CSS
- Homepage: https://elysian01.github.io/Rasa-Chatbot-UI/
- Size: 85.6 MB
- Stars: 44
- Watchers: 2
- Forks: 20
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Rasa-Chatbot-UI
Looking for UI Designs for your ChatBot with alluring colours and responsive features? Look no further! Explore our available designs in different colour schemes and ensure smooth traversal across all devices. Don't like the available designs? Don't you worry! Customize themes and colours according to your liking very quickly and easily.
Click here to see documentation and working demo of UI
## Get Started
Copy-paste the stylesheet into your before all other stylesheets to load our CSS.
```html
```
Copy-paste the folowing code into your , and update the function parameters to your need.
```js
createChatBot(host = 'http://localhost:5005/webhooks/rest/webhook',
botLogo = "./imgs/bot-logo2.png ",
title = "Covid BOT ", welcomeMessage = "Hey, i am Covid Bot ",
inactiveMsg = "Server is down, Please contact the developer to activate it ",
theme="blue ")
```
### Security
If the bot response contains the word "password", then the user input box type will change from text to password (html) for password protection.
## For Rasa
Open two terminals and execute following cmds
```
rasa run -m models --enable-api --cors "*" --debug
```
```
rasa run actions
```
### The frontend webiste for documentation is also built using Vuejs, the files for it are [here](./chatbot-ui-vuejs-app) and deployed version of site is [here](https://chatbot-web-ui.netlify.app/)