https://github.com/muhammedkpln/react-native-chatty
💬 Full-featured high performance chat UI for React Native
https://github.com/muhammedkpln/react-native-chatty
android chat chat-ui expo ios javascript react react-native web
Last synced: 12 months ago
JSON representation
💬 Full-featured high performance chat UI for React Native
- Host: GitHub
- URL: https://github.com/muhammedkpln/react-native-chatty
- Owner: MuhammedKpln
- License: mit
- Created: 2022-02-18T21:24:16.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-11-10T03:49:07.000Z (over 2 years ago)
- Last Synced: 2025-06-25T08:44:22.258Z (12 months ago)
- Topics: android, chat, chat-ui, expo, ios, javascript, react, react-native, web
- Language: TypeScript
- Homepage: https://muhammedkpln.github.io/react-native-chatty/
- Size: 9.29 MB
- Stars: 141
- Watchers: 2
- Forks: 11
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-chatty
💬 Full-featured high performance chat UI for React Native.
## Demo
With and without customizations:
caption1 | caption2
:-: | :-:
|
[Check out Expo snack (For better results, try on real devices.)](https://snack.expo.dev/@muhammedkpln/react-native-chatty-example)
## Features
- Built with **TypeScript**
- 🚀 Using [recyclerlistview](https://github.com/Flipkart/recyclerlistview) for rendering messages
- Fully customizable components
- Loading earlier messages support
- Typing animation using **react-native-lottie** otherways use ur own animation
- Swipe to reply
- Scroll to bottom
- Haptic feedback on new message
- Hashtag, mention and url is parsed optionally, or even use ur **own** logic.
- **Actions** via [iOS context menu(fallback to actionsheet if not available)](https://developer.apple.com/design/human-interface-guidelines/ios/controls/context-menus/)
- Mention **directly from input** by typing @mention
- **Upload/View image** support.
## Installation
```sh
yarn add react-native-chatty
```
#### Optional Dependencies
- react-native-lottie
- react-native-haptic-feedback / expo-haptics
- react-native-parsed-text
- react-native-context-menu-view
## Usage
Head over to [Docs](https://muhammedkpln.github.io/react-native-chatty/) for more information.
```js
import { Chatty } from "react-native-chatty";
```
## Contributing
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
## License
MIT