Pieces/Chat

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

AKMÖ
Ayşe and Merve are typing

Multi Typing

chat25

Typing indicator pill showing multiple avatar stack, summary text, and three pulsing dots.

Search Result

chat26

Conversation search row with author and time above a message line where the match is amber-highlighted.

0:09

“Hey, jumping on a call in five. Can you pull up the latest Figma file?”

Voice Transcription

chat27

Voice bubble with waveform and duration on top and a quoted italic transcript below the divider.

Message Actions

chat28

Floating toolbar with react, reply, copy, delete, and overflow actions. Delete tints rose.

Packer's Coffee · interior
Packer's CoffeeKuloğlu, Turnacıbaşı Cd. 29, 34433 Beyoğlu/İstanbul0.4 km away

Location Share

chat29

Chat bubble with a faux-map preview, a pulsing pin, and the place name, address, and distance beneath.

Payment request
$48.60
Dinner split · Packer's Coffee

Payment Request

chat30

Money request bubble with a direction arrow, large amount, optional italic note, and Pay / Decline actions.

AK
Ayşe KayaDesigner09:42

Pushed a new pass on the empty states — peek when you have a sec 🎨

Group Message

chat31

Avatar plus inline author, optional role chip, timestamp, and the message body beneath.

Let's move the sync to 3pm instead.
Not delivered

Failed Message

chat32

Struck-through outgoing bubble with a rose alert dot, Not delivered label, and retry / delete actions.