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.