Frimousse Studio

Build a fast composable emoji picker

Frimousse Studio — Build a fast composable emoji picker with search, skin tones and categories, styled your way in React

How to use Frimousse Studio

  1. Search for an emoji by name or shortcode, or pick a category from smileys to flags.
  2. Choose a skin tone, then click emoji to add them to the message composer.
  3. Copy a single emoji or shortcode, or copy and download the whole composed message.

Features

  • Composable picker parts from the real repo: Root, Search, Viewport, Loading, Empty and List
  • Search across 54 curated emoji by name or shortcode, with a live Empty state when nothing matches
  • All six real skin tones: none, light, medium-light, medium, medium-dark and dark, applied to hand and people emoji
  • Nine categories from smileys to flags, with one-tap category switching
  • Click any emoji to add it to the message composer, then copy it as a character or shortcode
  • Copy the composed message or download it as plain text
  • Honest scope note: curated in-page emoji set, the real package fetches live emojibase data and hides unsupported emoji

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.