Reaction Picker

About this piece

Reaction Picker

Rounded emoji picker with six quick reactions and a trailing plus for the full emoji palette.

Usage

The import and the props worth knowing about, in one place.

import { Chat21 } from "@/components/beste/piece/chat21";

<Chat21
  emojis={[
    "👍",
    "❤️",
    "😂",
    "🎉",
    "🔥",
    "😮"
  ]}
/>

More Chat pieces

View all Chat
Prince

Album art is final. Dropping the single Friday at midnight.

Reaction Burst

Emoji reactions spring onto a message one after another while their counts tick upward, hold for a beat, then clear and play again.

Shipped the v2 onboarding this morning 🚀
421

Reaction Bubble

Message bubble with a small floating reaction chip tucked into the bottom corner.

Message Ayşe

Composer

Rounded message composer with attach, inline text, emoji, and a smart send / mic button that flips with the value.

09:44

Sticker

Oversized emoji as a standalone sticker message with a small timestamp beneath it.

Message Actions

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

AK
Hey, did you get a chance to look at the new onboarding flow?
09:42

Message Bubble

Chat bubble with an avatar and timestamp. Role flips alignment and color.