Emoji Button: 400 ⭐️ stars on GitHub!
#javascript#webdev#typescript
Joe Attardi

Joe Attardi @joeattardi

About: Software engineer, author, blogger, lifelong learner.

Location:
Boston
Joined:
Jun 4, 2019

Emoji Button: 400 ⭐️ stars on GitHub!

Publish Date: Mar 9 '20
55 13

My pet project, Emoji Button, has just passed 400 stars on GitHub!

Emoji Button is a vanilla JavaScript emoji picker component that can be dropped into any JavaScript application!

This is the most stars any project of mine has ever gotten, so it was an exciting milestone for me.

Thank you to everyone who has checked it out!

The library has come pretty far since I first created it, mostly thanks to suggestions from its users. These include:

  • Twemoji support
  • Keyboard navigation
  • Light and dark themes

Thanks again, everyone!

Comments 13 total

  • Ben Halpern
    Ben HalpernMar 9, 2020

    Congrats!

  • Adnan Babakan (he/him)
    Adnan Babakan (he/him)Mar 9, 2020

    Congrats! And you got a star from me as well!

  • Médéric Burlet
    Médéric BurletMar 10, 2020

    Looks awesome congrats man!

    Do be careful I think there are a few issues on firefox where the cursor is bigger than the textbox.

    I would also say add an option to have the emoji panel open on textbox focus.

    Spacer Bigger

    • Joe Attardi
      Joe AttardiMar 10, 2020

      Oops, yes, I need to fix that Firefox issue. However, that is an issue with the demo site only - not the library itself.

      Emoji Button is a very generic library - it doesn't dictate how you show it. The text boxes are just an example. You can call showPicker() when a button is clicked, as in the demo, or you can also call it when the text box is focused, as you suggested.

      Thanks for taking a look!

  • Robert
    RobertMar 10, 2020

    Starred! Will use on my future projects.

  • y
    yMar 10, 2020

    Starred!

  • Serhii Pimenov
    Serhii PimenovMar 10, 2020

    why dropdown list dropped on right side? on mobile this not good.

  • kk
    kkMar 10, 2020

    Thanks, I will try :D

  • Hina-softwareEngineer
    Hina-softwareEngineerMar 10, 2020

    Many many congratulations 😍

  • YuanHao Chiang
    YuanHao ChiangMar 10, 2020

    Nice! 400 is amazing. Just added your 417th star 😉 I really like how sleek it is and vanilla coded libraries are a real treat nowadays.

    One small detail, on Firefox, contenteditable has some sort of weird height issue (MacOS and Windows):

    firefoxBug

    This can be easily fixed with a zero-width non-breaking space:

    *[contenteditable]:empty:before
{
    content: "\feff";
}

    I ran into this with my pet Markdown Table project. I was looking to add an Emoji component, I will try out yours!

    • Joe Attardi
      Joe AttardiMar 10, 2020

      Thanks for the heads up! I will fix the demo site so that it displays correctly in Firefox.

Add comment