Volt UI Logo

Chat / Messages

A split-view messaging layout with conversation list and real-time chat interface.

Sarah Miller
Sarah Miller2m

Can you review the PR?

3
Design Team
Design Team15m

Mike: Updated the mockups

12
Mike Kim
Mike Kim1h

Thanks! Looks good

Anna Lee
Anna Lee2h

Meeting at 3pm

Robert Johnson
Robert JohnsonYesterday

Deployed to staging

SM

Sarah Miller

Online

Today
Sarah Miller
Sarah Miller9:30 AM
Hey! Did you get a chance to look at the new designs?
You
You9:32 AM
Yes, they look great! I especially like the color palette.
Sarah Miller
Sarah Miller9:33 AM
Awesome! Can you review the PR when you have a moment?
You
You9:35 AM
Sure thing, I'll check it out after lunch.
Sarah Miller
Sarah Miller9:36 AM
Perfect, thanks! Also, don't forget we have the standup at 2pm.

Usage

This layout features a sidebar with searchable conversation list, active chat area with message bubbles, and an input bar. Supports own vs. received messages, online indicators, and unread badges. Great for support chats, team messaging, and social apps.