A vanilla JavaScript emoji picker with auto-complete

Category: JavaScript/jQuery Plugins | September 15, 2021
Author: rickycodes
Official Page: Go to website
Last Update: September 15, 2021
License: MIT

javascript emoji picker


This is a simple vanilla JavaScript emoji picker that allows, your users to choose emojis from auto-complete dropdown while typing emoji keywords. Auto-complete dropdown suggests result based on entered keyword.

How to use emoji picker?

1. Download using Download button above and import the required modules.

<script type='module'>
  import picker from './src/index.js'
  import fetchJSON from './src/fetchJSON.js'

2. Create a <INPUT> tag in your document.

<input type='text' class='input' />

3. Bind the emoji picker with input field.

fetchJSON('./src/emoji.json').then(emoji => picker('.input', emoji))

And, you are done. 🙂