ChatMate - Premium React-Native Chat -App UI Kit

Introducing ChatMate, a premium React Native Chat App UI Kit designed for developers who want to build high-quality chat applications effortlessly. With clean, modular code and detailed developer-friendly comments, ChatMate offers an intuitive, component-based structure that is fully customizable to fit your project needs.

Whether you prefer light or dark themes, this kit comes ready to integrate with both. Enjoy seamless animations, a modern look and feel, and a user-friendly design that enhances the app’s overall experience.

Easily copy and paste components directly into your project for quick development, and take advantage of a backend-ready setup to accelerate your launch. ChatMate simplifies your work, allowing you to focus on building powerful chat features without starting from scratch.

Perfect for any chat app, this UI kit ensures you can deliver a polished, professional product with minimal effort!

Please note, this UI kit is developed exclusively for Android. If you wish to use it for iOS, you'll need to make additional adjustments, such as installing certain packages and handling other iOS-specific dependencies. This may include setting up permissions, linking libraries, and performing platform-specific configurations.

Features

• Clean, structured code
• Component-based development
• Developer-friendly comments
• Light & dark themes
• Fully customizable
• Easy copy-paste integration
• Backend-ready
• Smooth animations
• User-friendly design
• Modern look and feel

Screens & models

• Welcome screen
• Sign In & Sign Up models
• Home screen
• Status screen
• Status view screen
• Calls screen
• Video call & voice call screen
• Profile screen
• User profile screen
• Verify mobile & email screen
• Submit verify code screen
• Edit profile info model
• Chat screen
• Reply chat model
• Attachment model
• Settings menu model
• Settings screen
• Settings model
• Gallery view screen
• and more...

Dependencies used

"dependencies": {
    "@react-native-async-storage/async-storage": "1.23.1",
    "@shopify/flash-list": "1.6.4",
    "date-fns": "^4.1.0",
    "expo": "~51.0.28",
    "expo-av": "~14.0.7",
    "expo-blur": "~13.0.2",
    "expo-constants": "~16.0.2",
    "expo-font": "~12.0.10",
    "expo-image": "~1.13.0",
    "expo-linear-gradient": "~13.0.2",
    "expo-linking": "~6.3.1",
    "expo-router": "~3.5.23",
    "expo-status-bar": "~1.12.1",
    "react": "18.2.0",
    "react-native": "0.74.5",
    "react-native-country-codes-picker": "^2.3.5",
    "react-native-gesture-handler": "~2.16.1",
    "react-native-reanimated": "~3.10.1",
    "react-native-safe-area-context": "4.10.5",
    "react-native-screens": "3.31.1",
    "react-native-svg": "15.2.0",
    "rn-emoji-keyboard": "^1.7.0",
    "expo-navigation-bar": "~3.0.7"
  },