React emoji picker
Install emoji-composer for a searchable React emoji picker, message composer and inline Emoji image component.
npm install emoji-composerGet the npm package ↗Download transparent emoji PNGs in eight sizes.
Original artwork. Five skin tones. Free under MIT.
Browse 1,923 base emoji and their skin tones.
Choose a size from 16 to 1024 px and download.
A hello, a thank you, a just-because.
Give your next message a little personality.

A searchable picker. A ready-to-use composer.
Original artwork, right at your fingertips.
import { EmojiPicker } from "emoji-composer";
import "emoji-composer/styles.css";
<EmojiPicker
onSelect={(emoji) => console.log(emoji.text)}
/>Use the Cursor Style emoji library in websites, apps, presentations and designs. Download individual transparent PNGs, copy a direct CDN image URL, or connect the open source package and add emoji with a tag. The Unicode Emoji 18.0 catalog includes 3,963 original artworks, including exact skin-tone sequences.
Install emoji-composer for a searchable React emoji picker, message composer and inline Emoji image component.
npm install emoji-composerGet the npm package ↗Use a standard img tag without setup, or load the web component once and add cs-emoji tags with a name, size and skin tone.
<cs-emoji name="waving-hand"></cs-emoji>Read the HTML and React guide ↗The Composer package provides catalog lookup, PNG URLs and escaped image tags for PHP 8.1+, including Laravel projects.
composer require cursor-style/emojiGet the Composer package ↗Yes. Cursor Style's original AI-generated emoji artwork and package code use the MIT License. You can use them in personal and commercial projects. Public credit is appreciated but optional. Keep the MIT copyright and license notice when redistributing copies or substantial portions. The license is included with the packages and on GitHub.
Choose an emoji, select a skin tone when available, choose an image size, and click PNG. All images are transparent PNG files. The eight sizes are 16, 24, 32, 64, 128, 256, 512 and 1024 pixels.
Unicode text uses the emoji font on the receiving device. To keep the Cursor Style artwork, choose Direct image and copy an HTML image tag or PNG URL, or choose Package tag and use the HTML element, React component or PHP helper.
Yes. Install emoji-composer from npm, import EmojiPicker or EmojiComposer, and import emoji-composer/styles.css. The picker supports search, categories and skin tones. The separate Emoji component displays a single artwork and does not need the picker stylesheet.
For plain HTML, use a direct image URL or load the web component script once and add a cs-emoji tag. For PHP 8.1 and later, install cursor-style/emoji with Composer and use EmojiCatalog::imageUrl() or imageTag(). Both approaches use the same PNG catalog.
The catalog contains 1,923 base emoji and 2,040 exact skin-tone sequences, for 3,963 original artworks. Supported people and gesture emoji have five skin tones. Exact mixed-tone Unicode sequences are available through the package APIs. This is original Cursor Style artwork, not an Apple or other platform emoji font.