DEV Community

Joe Attardi
Joe Attardi

Posted on

Vanilla JavaScript emoji picker! New and improved.

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

Top comments (5)

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

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
 
joeattardi profile image
Joe Attardi

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
 
mauran profile image
Mauran Muthiah

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

Collapse
 
joeattardi profile image
Joe Attardi

Thanks!