stream-chat-angular
Advanced tools
Angular components to create chat conversations or livestream style chat
The official Angular components for Stream Chat, a service for building chat applications.
Quick Links
With our component library, you can build a variety of chat use cases, including:
The best way to get started is to follow the Angular Chat Tutorial. It shows you how to use this SDK to build a fully functional chat application and includes common customizations.
Stream is free for most side and hobby projects. To qualify, your project/company must have no more than 5 team members and earn less than $10k in monthly revenue. For complete pricing and details visit our Chat Pricing Page.
The docs provide a brief description about the components and services in the library.
The Angular library is created using the stream-chat-js library. For the most common use cases our services should give a nice abstraction over this library, however you might need it for more advanced customization, the documentation is on our website.
We welcome code changes that improve this library or fix a problem. Please make sure to follow all best practices and add tests, if applicable, before submitting a pull request on GitHub. We are pleased to merge your code into the official repository if it meets a need. Make sure to sign our Contributor License Agreement (CLA) first. See our license file for more details.
We recently closed a $38 million Series B funding round and are actively growing. Our APIs are used by more than a billion end-users, and by working at Stream, you have the chance to make a huge impact on a team of very strong engineers.
Check out our current openings and apply via Stream's website.
Run the following command if you are using Angular 13:
npm install stream-chat-angular stream-chat @ngx-translate/core
Run this command if you are using Angular 12:
npm install stream-chat-angular stream-chat@5 @ngx-translate/core --legacy-peer-deps
This repository includes a sample app to test our library.
To test the app:
Create a file named .env in the root directory with the following content:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
Run npm start and navigate to http://localhost:4200/.
This repository includes a sample app that showcases how you can provide your own template for different components within the SDK:
To run the app:
Create a file named .env in the root directory with the following content:
STREAM_API_KEY=<Your API key>
STREAM_USER_ID=<Your user ID>
STREAM_USER_TOKEN=<Your user token>
Run npm start:customizations-example and navigate to http://localhost:4200/.
Run npm install in the root of the project. You can use the npm run start:dev command to start the SampleApp with automatic reloading.
A note about the documentation:
mdx files located in the docusaurus folderFAQs
Angular components to create chat conversations or livestream style chat
We found that stream-chat-angular demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.
Security News
Newly introduced telemetry in devenv 1.4 sparked a backlash over privacy concerns, leading to the removal of its AI-powered feature after strong community pushback.