{"id":20471237,"url":"https://github.com/tawk/tawk-messenger-react","last_synced_at":"2026-03-08T21:07:43.057Z","repository":{"id":38376378,"uuid":"431395607","full_name":"tawk/tawk-messenger-react","owner":"tawk","description":"Official React plugin for Tawk messenger","archived":false,"fork":false,"pushed_at":"2024-09-25T00:44:25.000Z","size":745,"stargazers_count":23,"open_issues_count":27,"forks_count":17,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-03-29T22:06:43.807Z","etag":null,"topics":["next","next-plugin","next-tawk","react","react-plugin","react-tawk","reactjs","tawk","tawkto"],"latest_commit_sha":null,"homepage":"https://www.tawk.to","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tawk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-11-24T08:00:39.000Z","updated_at":"2024-09-29T22:17:21.000Z","dependencies_parsed_at":"2024-06-18T19:45:36.887Z","dependency_job_id":"315799e0-e175-4f86-a33b-ce496b99ec0c","html_url":"https://github.com/tawk/tawk-messenger-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tawk%2Ftawk-messenger-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tawk%2Ftawk-messenger-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tawk%2Ftawk-messenger-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tawk%2Ftawk-messenger-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tawk","download_url":"https://codeload.github.com/tawk/tawk-messenger-react/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250371959,"owners_count":21419692,"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":["next","next-plugin","next-tawk","react","react-plugin","react-tawk","reactjs","tawk","tawkto"],"created_at":"2024-11-15T14:15:31.688Z","updated_at":"2026-03-08T21:07:43.014Z","avatar_url":"https://github.com/tawk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg width=\"250\"\n        src=\"./images/tawk-react-logo.png\"\n        alt=\"Tawk React logo\"\u003e\n\u003c/p\u003e\n\n\u003cbr/\u003e\n\n## Features\n* Using React Hooks\n* Documented and self-explaining methods\n* Small size without any external libraries\n* All Javascript API methods are available\n* Maintained by the [tawk.to](https://www.tawk.to/) team.\n\n\u003cbr/\u003e\n\n## Installation\nThe plugins are available from the node and yarn package managers.\n```bash\n# Node\nnpm install @tawk.to/tawk-messenger-react\n\n# Yarn\nyarn add @tawk.to/tawk-messenger-react\n```\n\n\u003cbr/\u003e\n\n## Quickstart\nImport **tawk-messenger-react** into the App.js file of your **src/** folder. The **propertyId** and **widgetId** will\nbe found on your tawk Dashboard.\n\nLog in to your account and go to **Administration \u003e Channels \u003e Chat Widget**.\n\nWhen using the API, you will need to use the **useRef** to access the object functions from the **tawk-messenger-react** component.\n\n```js\nimport TawkMessengerReact from '@tawk.to/tawk-messenger-react';\n\nfunction App() {\n    return (\n        \u003cdiv className=\"App\"\u003e\n            \u003cTawkMessengerReact\n                propertyId=\"property_id\"\n                widgetId=\"default\"/\u003e\n        \u003c/div\u003e\n    );\n}\n```\n\n\u003cbr/\u003e\n\n## Documentation\nThis project includes a `docs` folder with more details on the following:\n1.  [How to Use](docs/how-to-use.md)\n1.  [API Reference](docs/api-reference.md)\n\n\u003cbr/\u003e\n\n## Other JS frameworks we support\n- [Vue Js](https://github.com/tawk/tawk-messenger-vue)\n- [Angular Js](https://github.com/tawk/tawk-messenger-angular)\n- [Ember Js](https://github.com/tawk/tawk-messenger-ember)\n\n\u003cbr/\u003e\n\n## Frequently Asked Questions\n\n**Do you have a knowledge base or article to support implementation?**\n\nHere is our guide for the [React.js integration](https://help.tawk.to/article/react-js )\n\n**Where can I find more information and support?**\n\nVisit our [help center](https://help.tawk.to) or reach out in the chat on our [website](https://tawk.to). Our agents are available to assist you 24/7.\n\n**Where can I submit a suggestion or report a bug?**\n\nCheck to see if the issue already exists. If not, open a new issue in the [Issues tab](https://github.com/tawk/tawk-messenger-vue/issues)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftawk%2Ftawk-messenger-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftawk%2Ftawk-messenger-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftawk%2Ftawk-messenger-react/lists"}