missive/emoji-mart
Emoji Mart
Emoji Mart is a set of web components and tools for adding a searchable, customizable emoji picker to web applications. It provides a picker component for browsing and selecting emojis by category, a rendering component for displaying individual emojis from shortcodes or IDs, and a programmatic search library for looking up emoji metadata by keyword, native character, or shortcode.
The library structures emoji data into a precomputed index that supports real-time search filtering, category-based virtual scrolling, and skin tone modifiers. Custom emoji sets can be injected at runtime, merging user-defined images and keywords with the built-in library. The picker interface can be localized into over twenty languages through separate translation bundles, and its visual appearance—including theme, icon style, and navigation—can be adjusted to match the host application.
Emoji Mart also offers a custom emoji set manager for adding user-defined emojis with custom images, keywords, and skin tones. The components are rendered as custom HTML elements using the Web Components standard, making them framework-agnostic and reusable across different web projects.