Emoji Picker

A self-contained emoji picker with categories, search, skin tones and recents.

Smileys & Emotion
People & Body
Animals & Nature
Food & Drink
Activity
Travel & Places
Objects
Symbols
Flags
Pick an emojiโ€ฆ

Selected: ๐Ÿ‘‹

Installation
Run the following command to install the `emoji-picker` components:
npx shadcn-svelte@latest add https://more-shadcn.noair.fun/r/emoji-picker.json
The emoji set ships with the component as a plain TypeScript file โ€” there is no runtime dependency and no network request.
In a popover
Combine it with the popover primitives to attach it to an input.
Skin tones & recents
The selected skin tone and the most recently used emoji are persisted to localStorage under persistKey. Both are also bindable, so you can store them yourself โ€” pass persistKey={null} to opt out of storage entirely.
Compact
Every section can be turned off individually, and columns controls the grid density.
Smileys & Emotion
People & Body
Animals & Nature
Food & Drink
Activity
Travel & Places
Objects
Symbols
Flags
Keyboard
Type to search, use the arrow keys to move through the grid, Enter to pick and Esc to clear the query.
Command Palette
Search for a command to run