https://github.com/livechat/chat-widget-adapters
This project contains a set of libraries for adapting LiveChat Chat Widget with certain frontend frameworks
https://github.com/livechat/chat-widget-adapters
angular livechat react vue
Last synced: 7 days ago
JSON representation
This project contains a set of libraries for adapting LiveChat Chat Widget with certain frontend frameworks
- Host: GitHub
- URL: https://github.com/livechat/chat-widget-adapters
- Owner: livechat
- License: mit
- Created: 2021-11-18T14:46:28.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2025-10-31T11:25:17.000Z (3 months ago)
- Last Synced: 2025-10-31T11:26:44.085Z (3 months ago)
- Topics: angular, livechat, react, vue
- Language: TypeScript
- Homepage: https://developers.livechat.com
- Size: 2.28 MB
- Stars: 30
- Watchers: 6
- Forks: 9
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
- awesome-angular - chat-widget-adapters - Angular wrapper for the [LiveChat](https://developers.livechat.com/) Chat Widget (JavaScript API). (Framework Interoperability / Wrappers)
- fucking-awesome-angular - chat-widget-adapters - Angular wrapper for the 🌎 [LiveChat](developers.livechat.com/) Chat Widget (JavaScript API). (Framework Interoperability / Wrappers)
README
# 
LiveChat Chat Widget Adapters
> This project contains a set of libraries for adapting the [LiveChat Chat Widget](https://platform.text.com/open-chat-widget) with certain frontend frameworks, utilizing the [Chat Widget JS API](https://platform.text.com/docs/extending-chat-widget/javascript-api).
[](https://choosealicense.com/licenses/mit/)
[](https://lerna.js.org/)
[](https://github.com/livechat/chat-widget-adapters/actions/workflows/check.yml)
| 🛠 Framework | 📦 Library | ⚖️ Size |
| -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
| 
**React** | [@livechat/widget-react](https://www.npmjs.com/package/@livechat/widget-react) |  |
| 
**Vue** | [@livechat/widget-vue](https://www.npmjs.com/package/@livechat/widget-vue) |  |
| 
**Angular** | [@livechat/widget-angular](https://www.npmjs.com/package/@livechat/widget-angular) |  |
## 🗒️ Documentation
For more details and docs about this project, visit the [Chat Widget Adapters documentation page](https://platform.text.com/docs/extending-chat-widget/chat-widget-adapters).
## 📦 Installation
Use the package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install choosen package in your project.
```bash
npm install @livechat/widget-*
# or
yarn add @livechat/widget-*
```
## 🚀 Usage
### **[React](/packages/widget-react)**
```ts
// App.tsx
import { LiveChatWidget } from '@livechat/widget-react'
export function App() {
return
}
```
### **[Vue](/packages/widget-vue)**
```html
import { LiveChatWidget } from '@livechat/widget-vue'
```
### **[Angular](/packages/widget-angular)**
```ts
// app.module.ts
import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'
import { LiveChatWidgetModule } from '@livechat/widget-angular'
import { AppComponent } from './app.component'
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, LiveChatWidgetModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}
```
```html
```
## 🏗 Contributing
Read our [Contributing Guide](CONTRIBUTING.md) to learn about our development process, how to propose bugfixes and improvements, and how to build and test your changes.
This project has adopted a [Code of Conduct](CODE_OF_CONDUCT.md) that we expect project participants to adhere to. Please read the full text so that you can understand what actions will and will not be tolerated.
## 📃 License
The code and documentation in this project are released under the [MIT License](https://choosealicense.com/licenses/mit/).
## 🧑💻 [Text Platform](https://platform.text.com/): who are we?
Behind [Text](https://www.text.com/), there’s a [team of passionate people](https://www.text.com/team/) building online customer service software with online chat, help desk software, chatbot, and web analytics capabilities.
With a suite of five products ([LiveChat](https://www.livechat.com), [ChatBot](https://chatbot.com/), [HelpDesk](https://helpdesk.com/), [KnowledgeBase](https://www.knowledgebase.com/), and [OpenWidget](https://openwidget.com/)) and their powerful APIs, we power customer communication for 36,000 companies in 150 countries.
[The Platform](https://platform.text.com/) is a range of products and services that can be used to build a variety of communication tools for businesses. Our [Developer Program](https://platform.text.com/developer-program) and [Marketplace](https://www.livechat.com/marketplace/) create an open ecosystem for developers, partners, and customers. With our [advanced APIs](https://platform.text.com/) and comprehensive [documentation](https://platform.text.com/docs), you can shape the future of communication with us — starting today.
[Join our Discord](https://discord.com/invite/NcfJu3a9kM) to learn, get inspired, and meet other developers!