DEV Community

loading...

Vanilla JavaScript emoji picker! New and improved.

joeattardi profile image Joe Attardi ・1 min read

Emoji Button is a vanilla JavaScript emoji picker component I have been working on over the past year or so. Because it's just plain JavaScript, it can be made to work with any framework, site, or app.

Version 4 has just been released, with performance improvements and some new features, including:

  • Custom emojis
  • UI plugins
  • More UI customization
  • Fuzzy search

Free and open source, MIT licensed. Hope someone out there finds it useful!

Details, documentation, and demos can be found at https://emoji-button.js.org/.

Code can be found at https://github.com/joeattardi/emoji-button.

Screenshot

Discussion (7)

pic
Editor guide
Collapse
iainfreestone profile image
Iain Freestone

Nice job, looks very slick.

I did a search for "finger" and expected to see a few more results - I was looking for the downward pointing finger

Collapse
joeattardi profile image
Joe Attardi Author

Yeah, it could use some work there. Currently I am not using any of the aliases or shortcodes, just the official names from Unicode, for that particular emoji, the name is "backhand index pointing down".

Thanks for looking!

Collapse
bpedroza profile image
Bryan • Edited

This is really great. Good work. You could support older browsers by changing the typescript target; I'm just curious if it was a conscious decision to only support the latest browsers?

Collapse
joeattardi profile image
Joe Attardi Author

It was a conscious decision, yes. I had dropped support for IE11 in the previous version because I added CSS variables and CSS grid, which are not well supported.

For version 4 I wanted to streamline things, so I decided to only support modern browsers.

Collapse
bpedroza profile image
Bryan

Nice. I didn't even look at the css. That makes sense.

Collapse
mauran profile image
Mauran Muthiah

Damn and it works smooth as well! 🔥 Good job!

Collapse
joeattardi profile image