v—

The emoji picker
for React

Batteries included: one component, no CSS import, no setup. Or BYOD — bring your own design, design language and design library: Tailwind, shadcn/ui, CSS Modules, Emotion, styled-components, MUI or plain CSS.

Try it out ↓View on GitHub

6.9M/mo

npm downloads

1.5k

GitHub stars

Interactive Playground

Tweak the props, theme it with CSS variables, or browse custom design examples — all running live

Configuration

Appearance

Emoji StyleColor schemeColumns (fit width)Height (px)Width (px)

Features

Skin TonesSearchAuto Focus SearchLazy Load EmojisShow PreviewCustom Emojis

Advanced

LanguageCustom Category IconsSuggestionsSkin Tone LocationDefault Skin Tone

Output

Reactions Mode

Perfect for message reactions — a compact picker that expands on demand

Start with a curated set of popular reactions, then expand to access the full emoji library. Ideal for chat apps, comment systems, and social features.

Quick Start

Install and use in minutes

npm install emoji-picker-react

The emoji pickerfor React

Interactive Playground

Reactions Mode

Quick Start

The emoji picker
for React