Emoji Mart Studio

How to use Emoji Mart Studio

1. Search all 1,870 emoji by name, id or keyword, or filter by one of 8 categories.
2. Click any emoji to open it large with its name, shortcode and keywords.
3. Pick a skin tone to see that emoji's variants where the repo provides them.
4. Copy the emoji character itself, or copy its :shortcode: for chat and docs.
5. Copy the picker code to add the real emoji-mart picker to your own React app.

Features

• All 1,870 real emoji from the emoji-mart-data set (Unicode 15): names, keywords, natives
• Search by name, id or keyword, the way the real picker searches
• Skin-tone variants for the 305 emoji that have them
• One-click copy of the emoji character or its :shortcode:
• Copy the real @emoji-mart/react picker code for your own app
• Runs fully offline in your browser: no API keys, no sign-up

Frequently asked questions