4 Blocks

shadcn/ui `chat` blocks & components.

Human-to-human chat blocks for shadcn/ui: direct-message threads, a two-pane inbox messenger, a support widget with quick replies, and a group conversation with per-sender avatars, all with working composers on the same Message and Bubble components as the AI Chat category.

Direct Message Thread

Chat 1Free

One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date marker, auto-follow scrolling, and a working composer.

AvatarBubbleButtonInputMarkerMessageMessage Scroller

Inbox Messenger Layout

Chat 2Free

Two-pane chat messenger with a selectable conversation list beside the active thread, each conversation keeping its own messages, plus a composer.

AvatarBubbleButtonInputMessageMessage Scroller

Support Chat Widget

Chat 3Free

Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel.

BubbleButtonInputMarkerMessageMessage Scroller

Group Chat Panel

Chat 4Free

Group chat conversation with a member avatar stack header, messages from multiple named senders with per-sender avatars, and an online indicator.