Introducing Frimousse, a headless open-source emoji picker component for React.
Join thousands of companies using Liveblocks to build multiplayer experiences for people and agents.
We’ve just released Frimousse, a new open-source emoji picker for React. Unstyled, designed to be lightweight and highly composable, the new component can seamlessly fit into any application.
We first felt the need for a new emoji picker when building Liveblocks Comments, which is where we built our first version.
The Liveblocks Comments emoji picker.
We built this because we discovered that there were no existing components that fit our specific needs:
We’d always loved the thought of open-sourcing our Comments emoji picker, and after two years of production use, we decided it was time to give back to the web community—try a demo below.
A live example of the emoji picker.
Frimousse uses primitive components, similar to Radix UI, that essentially allow you to create an emoji picker out of building blocks.
Because each component is headless, you can apply your own styles, whilst
Frimousse handles the functionality. For example, it’s compatible with Tailwind
CSS, CSS-in-JS, and vanilla CSS. We also have a pre-built shadcn/ui component,
with ready-made styles.
To build your custom emoji picker, visit our new mini-site for documentation and examples.
Get Frimousse
If you’re already using our Comments primitives, it’s now easy to add your own emoji picker with Frimousse.
You can find the source code in our examples gallery.
Contributors include:
1 authors
