Chat Boxes

This is a chat component designed for real-time messaging. It features a header with the chat recipient's name and image, a scrollable chat area displaying the conversation history, and a text input field with buttons for sending messages and adding attachments.

This is a styled chat message component for displaying conversations between users. This card-like component includes user profile pictures, message timestamps, and text bubbles with distinct colors for sent and received messages. It also includes an online/offline status indicator.

A chat message component designed to display group conversations with support for images and audio messages. It features a header with the sender's name, active status, and a group avatar display. Showcases individual messages, either text-based, audio, or images.

A chat message component for displaying conversations between users. This style features profile pictures, timestamps, and message text with small tails to indicate the sender. It also includes a "seen" indicator for replies, offering visual feedback on message status.