Tailwind CSS Chat List

Chat Lists offer important information about the people who are available for a chat. It can also give other information such as who is online at any given time...

Chat List with Search Bar and Actions Dropdown

A chat list component designed to display a list of active conversations. This style includes a header with an action dropdown menu, a search bar, and each chat item displays the user's profile picture, name, active status, a preview of the last message, and a timestamp.

Chat List with Search Bar and Count

A vertical list component designed to display active conversations in a chat. This style features individual chat items with user avatars, names, previews of the last message, and indicators of active or inactive status. It also includes a search bar at the top to easily find specific conversations.

Chat List with Sorting Option

A chat list component designed to display recent conversations, allowing users to sort by latest or oldest. Each conversation is displayed with the contact's avatar, name, last message, and timestamp. Active/inactive status indicators and unread message counts for each chat.