{"id":28392014,"url":"https://github.com/muhammedkpln/react-native-chatty","last_synced_at":"2025-06-26T01:32:08.951Z","repository":{"id":41522457,"uuid":"461009780","full_name":"MuhammedKpln/react-native-chatty","owner":"MuhammedKpln","description":"💬 Full-featured high performance chat UI for React Native","archived":false,"fork":false,"pushed_at":"2023-11-10T03:49:07.000Z","size":9744,"stargazers_count":141,"open_issues_count":4,"forks_count":11,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-25T08:44:22.258Z","etag":null,"topics":["android","chat","chat-ui","expo","ios","javascript","react","react-native","web"],"latest_commit_sha":null,"homepage":"https://muhammedkpln.github.io/react-native-chatty/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MuhammedKpln.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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,"zenodo":null}},"created_at":"2022-02-18T21:24:16.000Z","updated_at":"2025-04-18T16:25:17.000Z","dependencies_parsed_at":"2025-05-31T11:01:41.359Z","dependency_job_id":"6ab6aa5e-f7a8-418e-bf8e-01f3fea3c1f6","html_url":"https://github.com/MuhammedKpln/react-native-chatty","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"purl":"pkg:github/MuhammedKpln/react-native-chatty","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammedKpln%2Freact-native-chatty","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammedKpln%2Freact-native-chatty/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammedKpln%2Freact-native-chatty/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammedKpln%2Freact-native-chatty/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MuhammedKpln","download_url":"https://codeload.github.com/MuhammedKpln/react-native-chatty/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MuhammedKpln%2Freact-native-chatty/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261982652,"owners_count":23240115,"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":["android","chat","chat-ui","expo","ios","javascript","react","react-native","web"],"created_at":"2025-05-31T11:01:10.013Z","updated_at":"2025-06-26T01:32:08.936Z","avatar_url":"https://github.com/MuhammedKpln.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-chatty\n\n💬 Full-featured high performance chat UI for React Native.\n\n\n## Demo\n\nWith and without customizations:\n\ncaption1 | caption2\n:-: | :-:\n\u003cimg src=\"https://i.imgur.com/k7G9Yog.png\" width=\"250\" title=\"hover text\"\u003e | \u003cvideo src=\"https://user-images.githubusercontent.com/17166855/156153084-f111fd20-f89e-41fd-b3bd-5b4e1be81b47.mp4\"  width=\"250\" /\u003e\n\n\n\n\n\n[Check out Expo snack (For better results, try on real devices.)](https://snack.expo.dev/@muhammedkpln/react-native-chatty-example)\n\n## Features\n- Built with **TypeScript**\n- 🚀 Using [recyclerlistview](https://github.com/Flipkart/recyclerlistview) for rendering messages\n- Fully customizable components\n- Loading earlier messages support\n- Typing animation using **react-native-lottie** otherways use ur own animation\n- Swipe to reply\n- Scroll to bottom\n- Haptic feedback on new message\n- Hashtag, mention and url is parsed optionally, or even use ur **own** logic.\n- **Actions** via [iOS context menu(fallback to actionsheet if not available)](https://developer.apple.com/design/human-interface-guidelines/ios/controls/context-menus/)\n- Mention **directly from input** by typing @mention\n- **Upload/View image** support.\n\n\n## Installation\n\n```sh\nyarn add react-native-chatty\n```\n#### Optional Dependencies\n\n- react-native-lottie\n- react-native-haptic-feedback / expo-haptics\n- react-native-parsed-text\n- react-native-context-menu-view\n\n\n\n## Usage\n\n\nHead over to [Docs](https://muhammedkpln.github.io/react-native-chatty/) for more information.\n\n\n\n```js\nimport { Chatty } from \"react-native-chatty\";\n\n\n\u003cChatty messages={messages} headerProps={...} footerProps={...} /\u003e\n\n```\n\n## Contributing\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammedkpln%2Freact-native-chatty","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmuhammedkpln%2Freact-native-chatty","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmuhammedkpln%2Freact-native-chatty/lists"}