Emoji Mart — An Open-Source Emoji Picker Component for React

The fastest and simplest way to add emoji for your users

What’s Emoji Mart?

Emoji Mart is a Slack-like customizable emoji picker component for React.
No more extra features, just a simple component with a few easy props.

Why should I use it?

Simply to help your users access emoji, without having to remember strange keyboard shortcuts while they are using their computer or smartphone.

Installation

To install it with npm:

npm install emoji-mart

To install it with Yarn:

yarn add emoji-mart

Warning: This component also requires babel-runtime if you aren’t using Babel in your project, as in my example where I’m using React Scripts.

In this case, remember also to add:

npm install babel-runtime

Or, with Yarn:

yarn add babel-runtime

There are no other dependencies to this great module, as you can check out on this website.

How Do I Use It?