Hey Adalo Community! 
I’m excited to announce the Chat Suite — a collection of 6 purpose-built components that give you everything you need to build a complete in-app messaging experience. From inbox to conversation thread to group management, they’re designed to work together out of the box.
What’s in the Chat Suite
Start Conversation
The all-in-one new conversation screen. A searchable, multi-select user picker with a smart Start/Continue button built right in. Automatically detects whether a matching conversation already exists and switches the button label accordingly — no conditional logic needed. Supports 1-on-1 and group chats, with a group name and image prompt for group conversations.
Chat Message List
The conversation thread. Displays message bubbles with sent/received alignment, timestamps, avatars, inline image support, and a built-in input bar. Bind it to your Messages collection and wire up onSendMessage — that’s all it takes to get a working chat.
Conversation List
An Apple Messages-style inbox that lists all of a user’s conversations. Automatically detects who the “other person” is based on who’s logged in — no conditional logic needed on your end. Shows the other participant’s name, avatar, and latest message preview.
Chat Header Bar
A smart navigation header for conversation screens. Automatically shows the other participant’s name and avatar for 1:1 chats, and the group name and image for group conversations — all without any conditional logic on your end.
Chat Group Info
A scrollable member panel for group conversations. Shows all participants with real-time search, swipe-to-remove for admins, and leave buttons for members. Includes inline group name and image editing for conversation owners.
Conversation Action Button
A three-state button that adapts automatically based on context — disabled when no users are selected, Start Conversation when no existing conversation is found, and Continue Conversation when one already exists. No conditional logic required.
Chat User Picker
A searchable, multi-select user list for starting new conversations. Users tap to select or deselect participants. Outputs selected user IDs as Magic Text that feeds directly into the Conversation Action Button.
How They Work Together
A complete messaging feature typically flows like this:
- Conversation List — shows the user’s inbox on a Conversations screen
- Chat Header Bar — sits at the top of the Conversation screen
- Chat Message List — fills the Conversation screen with the thread
- Chat Group Info — lives on a dedicated Group Info screen
- Start Conversation — powers the New Conversation flow
Each component is also usable independently — drop in just the ones that fit your use case.
How to Get Them
- Open your Adalo app editor
- Click the + button to open the Add Components panel
- Browse Marketplace Components or search for any component name above
- Click to add it to your app — done!
Each component includes full help docs. Questions or feedback? Drop a comment below — I’d love to see what you build with these!
Here is a Video Walkthrough of how these work together!
