Easy Vanilla JavaScript Emoji Picker

Category: Form , Javascript | July 8, 2018
Author: CreateMarketing
Views Total: 3,650 views
Official Page: Go to website
Last Update: July 8, 2018
License: MIT


Easy Vanilla JavaScript Emoji Picker


An easy-to-use emoji picker component built with pure vanilla JavaScript. Compatible with the Meteor platform.

How to use it:

Add the data-meteor-emoji="true" attribute to your text field.

<input data-meteor-emoji="true" type="text">
<textarea data-meteor-emoji="true"></textarea>

Load the minified version of the emoji picker at the end of the document.

<script src="dist/meteorEmoji.min.js"></script>

Initialize the emoji picker and done.

new MeteorEmoji()

Make the emoji picker always be visible.

<input data-meteor-emoji-large="true" type="text">



  • Two more emojis
  • Missing required parent div check

You Might Be Interested In:

3 thoughts on “Easy Vanilla JavaScript Emoji Picker

  1. Kishan

    Hello, I have setup above. But it displays only square blocks not emoji’s.
    Can you please help me with this.


  2. Ali Hussain

    it does not work with ajax loaded text content/textarea, can any1 help


Leave a Reply