Feedback & OverlaysFree

Emoji Picker

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

Usage

bash

npx wunderui-cli add emoji-picker

Writes the source into your project with its dependencies and, on first use, the styles — see Installation.

Then import what you need:

tsx

import { EmojiPicker } from "@/components/wunderui/emoji-picker"

Pick an emoji from a grid in a popover.

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

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!