AI chat list screen app template
A conversation list screen for AI companion apps on iOS and Android, with each character's portrait, the time since the last message, and an unread count. Use it for AI character apps, chatbots, messaging products, and any app holding several conversations at once. Build it with Bolt, Lovable, or Replit.
About this app template
Once someone talks to more than one character the list becomes the home screen, so this one is built for picking up, not for browsing. Portraits carry the recognition, the time since the last message sets the priority, and unread counts sit on the right where the thumb already is. Ordering runs by recency because the conversation someone wants is nearly always the one they just left. Keep the rows tall enough that the portrait reads, since at companion sizes a small avatar stops being a face. Paste it into Bolt, Lovable, or Replit and read your threads into it.
Build a full mobile app with this template design
A mobile app is many screens a user moves between quickly, which makes any inconsistency obvious, so one screen can set the standard for every screen after it. Copy the template, paste it into Claude Code, Replit, Lovable, ChatGPT Codex, Bolt, or Cursor, and send this alongside it.
Paste into Claude Code, Replit, Lovable, Bolt, or Cursor
Common questions about this template
How should an AI chat list be ordered?
By most recent message. The thread someone is returning to is almost always the one they last had open.
What does each row need?
A portrait, a name, a time, and an unread count. That is enough to choose from, and a message preview mostly adds clutter at this size.
How large should the avatars be?
Large enough to read as a face. Companion apps are chosen on character, and a small avatar throws away the thing that does the recognizing.
How do I connect this to real conversations?
Paste it into Bolt, Lovable, or Replit and ask your AI to read your threads, sort them by last message, and count anything the user has not seen.
Use this template for
- ·Conversation lists in AI chat apps
- ·Companion inbox screens
- ·Unread and recency ordering
- ·Any app holding multiple chats
Works with every vibe coding tool
More from the AI companion app set
5 screensMore AI app templates
View allAI image generator app create screen
AI image generator app create screen
AI
AI image generating loading screen
AI image generating loading screen
AI
AI image results grid screen
AI image results grid screen
AI
AI image result detail screen
AI image result detail screen
AI
AI image library screen
AI image library screen
AI
AI app builder home screen
AI app builder home screen
AI