Skip to content
Feedback & OverlaysFree

Emoji Picker

A grid of selectable emoji, typically shown inside a Popover.

Usage

Installation

bash
npm install @wunderui/react

Then import what you need:

tsx
import { EmojiPicker } from "@wunderui/react"

Examples

Emoji Picker

Pick an emoji from a grid in a popover.

In context

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Add a reaction

The smiley button under a message opens the picker, and the chosen emoji joins the reactions.

ALAlina Lorenz10:42

The checkout redesign is live for everyone. Thanks for all the reviews!