{"id":15834900,"url":"https://github.com/GetStream/stream-chat-angular","last_synced_at":"2025-10-17T02:31:29.877Z","repository":{"id":37096676,"uuid":"185219604","full_name":"GetStream/stream-chat-angular","owner":"GetStream","description":"💬 Angular Chat SDK ➜ Stream Chat. Build a chat app with ease.","archived":false,"fork":false,"pushed_at":"2024-04-12T13:21:35.000Z","size":39559,"stargazers_count":44,"open_issues_count":67,"forks_count":28,"subscribers_count":26,"default_branch":"master","last_synced_at":"2024-04-14T05:11:22.841Z","etag":null,"topics":["angular","angular-api","angular-chat","angular-chat-application","angular-components","angular-library","chat","chat-sdk","getstream","getstream-io","ui"],"latest_commit_sha":null,"homepage":"https://getstream.io/chat/sdk/angular/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GetStream.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2019-05-06T15:05:04.000Z","updated_at":"2024-07-09T08:22:33.939Z","dependencies_parsed_at":"2023-11-16T13:27:32.998Z","dependency_job_id":"f64add02-5a44-4723-acfa-9438ebc3aba8","html_url":"https://github.com/GetStream/stream-chat-angular","commit_stats":{"total_commits":716,"total_committers":10,"mean_commits":71.6,"dds":"0.31424581005586594","last_synced_commit":"e28dfad33434245bc2d65dc584a5c9d35855c0a5"},"previous_names":[],"tags_count":317,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GetStream%2Fstream-chat-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GetStream%2Fstream-chat-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GetStream%2Fstream-chat-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GetStream%2Fstream-chat-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GetStream","download_url":"https://codeload.github.com/GetStream/stream-chat-angular/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236766711,"owners_count":19201411,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-api","angular-chat","angular-chat-application","angular-components","angular-library","chat","chat-sdk","getstream","getstream-io","ui"],"created_at":"2024-10-05T14:02:21.247Z","updated_at":"2025-10-17T02:31:29.859Z","avatar_url":"https://github.com/GetStream.png","language":"TypeScript","readme":"# Official Angular SDK for [Stream Chat](https://getstream.io/chat/sdk/react/)\n\n\u003e The official Angular components for Stream Chat, a service for building chat applications.\n\n![tests and release workflow](https://github.com/GetStream/stream-chat-angular/actions/workflows/workflow.yml/badge.svg)\n\n\u003cimg align=\"right\" src=\"https://getstream.imgix.net/images/chat/chattutorialart@3x.png?auto=format,enhance\" width=\"50%\" /\u003e\n\n**Quick Links**\n\n- [Register](https://getstream.io/chat/trial/) to get an API key for Stream Chat\n- [Angular Chat Tutorial](https://getstream.io/chat/angular/tutorial/)\n- [Docs](https://getstream.io/chat/docs/sdk/angular/)\n- [Chat UI Kit](https://getstream.io/chat/ui-kit/)\n- [Demo application](https://angular-chat-demo-getstreamio.vercel.app/)\n- [Codesandbox](https://codesandbox.io/p/devbox/stream-chat-angular-sample-app-rc3hyw)\n\nWith our component library, you can build a variety of chat use cases, including:\n\n- In-game chat like Overwatch or Fortnite\n- Team-style chat like Slack\n- Messaging-style chat like WhatsApp or Facebook's Messenger\n- Customer support chat like Drift or Intercom\n\n## Angular Chat Tutorial\n\nThe best way to get started is to follow the [Angular Chat Tutorial](https://getstream.io/chat/angular/tutorial/). It shows you how to use this SDK to build a fully functional chat application and includes common customizations.\n\n## Free for Makers\n\nStream 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.\nFor complete pricing and details visit our [Chat Pricing Page](https://getstream.io/chat/pricing/).\n\n## Docs\n\nThe [docs](https://getstream.io/chat/docs/sdk/angular/) provide a brief description about the components and services in the library.\n\nThe Angular library is created using the [stream-chat-js](https://github.com/getstream/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](https://getstream.io/chat/docs/js/) is on our website.\n\n## Contributing\n\nWe 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)](https://docs.google.com/forms/d/e/1FAIpQLScFKsKkAJI7mhCr7K9rEIOpqIDThrWxuvxnwUq2XkHyG154vQ/viewform) first. See our license file for more details.\n\n## We are hiring.\n\nWe recently closed a [$38 million Series B funding round](https://techcrunch.com/2021/03/04/stream-raises-38m-as-its-chat-and-activity-feed-apis-power-communications-for-1b-users/) and are actively growing.\nOur 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.\n\nCheck out our current openings and apply via [Stream's website](https://getstream.io/team/#jobs).\n\n## Installation\n\n### Install with NPM\n\nSupported Angular versions: **Angular 15-20**\n\nRun this command if you are using **Angular 20**:\n\n```shell\n# Not all dependencies support Anglar 20 yet, so --force is required\nnpm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@19 --force\n```\n\nRun this command if you are using **Angular 19**:\n\n```shell\nnpm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@19\n```\n\nRun this command if you are using **Angular 18**:\n\n```shell\nnpm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@18\n```\n\nRun this command if you are using **Angular 17**:\n\n```shell\nnpm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@17\n```\n\nRun this command if you are using **Angular 16**:\n\n```shell\nnpm install stream-chat-angular stream-chat @ngx-translate/core@16 ngx-float-ui@16\n```\n\nRun this command if you are using **Angular 15**:\n\n```shell\nnpm install stream-chat-angular stream-chat @ngx-translate/core@14 ngx-float-ui@15\n```\n\nSupported node verisons: 18+\n\n## Sample App\n\nThis repository includes a sample app to test our library.\n\nTo test the app:\n\nCreate a file named `.env` in the root directory with the following content:\n\n```\nSTREAM_API_KEY=\u003cYour API key\u003e\nSTREAM_USER_ID=\u003cYour user ID\u003e\nSTREAM_USER_TOKEN=\u003cYour user token\u003e\n```\n\nThe easiest way to generate a token for testing purposes is to use our [token generator](https://getstream.io/chat/docs/react/token_generator/).\n\nRun `npm install` to install dependencies.\n\nRun `npm start` and navigate to `http://localhost:4200/`.\n\n## Customization examples\n\nThis repository includes a sample app that showcases how you can provide your own template for different components within the SDK:\n\nTo run the app:\n\nCreate a file named `.env` in the root directory with the following content:\n\n```\nSTREAM_API_KEY=\u003cYour API key\u003e\nSTREAM_USER_ID=\u003cYour user ID\u003e\nSTREAM_USER_TOKEN=\u003cYour user token\u003e\n```\n\nRun `npm install` to install dependencies.\n\nRun `npm run start:customizations-example` and navigate to `http://localhost:4200/`.\n\n## Local development\n\nThis repository includes a sample app to test our library.\n\nTo test the app:\n\nCreate a file named `.env` in the root directory with the following content:\n\n```\nSTREAM_API_KEY=\u003cYour API key\u003e\nSTREAM_USER_ID=\u003cYour user ID\u003e\nSTREAM_USER_TOKEN=\u003cYour user token\u003e\n```\n\nRun `npm install` in the root of the project. You can use the `npm run start:dev` command to start the SampleApp with automatic reloading.\n","funding_links":[],"categories":["Framework Interoperability","Official SDKs \u0026 Tutorials"],"sub_categories":["External Integration","Web \u0026 JavaScript"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGetStream%2Fstream-chat-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGetStream%2Fstream-chat-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGetStream%2Fstream-chat-angular/lists"}