DEV Community

Joe Attardi
Joe Attardi

Posted on

svelte-emoji-selector: Emoji picker Svelte component

Screenshot

Another emoji project? Why not! I have been playing with Svelte a lot these past few weeks. I adapted some of the code from https://emojipicker.app to build an emoji picker of sorts for Svelte apps.

It has features like search, skin tone variations, and it will save your recently used emojis.

Unfortunately the npm package name svelte-emoji-picker was already taken, so I went with svelte-emoji-selector.

Demo here! https://joeattardi.github.io/svelte-emoji-selector/

Code here! https://github.com/joeattardi/svelte-emoji-selector

Discussion (3)

Collapse
pablonewtown profile image
Pablonewtown

Thanks a lot for that Joe! Awesome!
Do you know how can I implement this with svelte-quill text editor component?
Regards!

Collapse
joeattardi profile image
Joe Attardi Author

I appreciate the comment! However, this library isn't maintained anymore, so I wouldn't use it.

I do actively maintain emoji-button.js.org/ however - it's vanilla JS so you should be able to adapt it to fit in with any framework, including Svelte!

Collapse
samuelstroschein profile image
Samuel Stroschein

Hey Joe,

you should add "moved to with emoji-button" to the top of the archived repository github.com/joeattardi/svelte-emoji... . I was googling svelte emoji picker and ended up in the archived repo, by chance finding this comment.

Best,
Samuel