Simple Emoji Picker Based On Twemoji - jQuery disMojiPicker

File Size: 6.27 KB
Views Total: 7701
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple Emoji Picker Based On Twemoji - jQuery disMojiPicker

disMojiPicker is a simple-to-use jQuery emoji picker that supports the latest Unicode emoji and uses Twitter's Twemoji to provide 3200+ SVG & PNG emoji images.

How to use it:

1. To use this emoji picker, load the latest jQuery and Twemoji libraries in the document.

<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/twemoji.min.js"></script>

2. Download the plugin and load the DisMojiPicker.js plugin's files in the document.

<link rel="stylesheet" href="css/emojis.css" />
<script src="js/DisMojiPicker.js"></script>

3. Create a container to hold the emoji picker box.

<div id="emojis">

4. Initialize the emoji picker.


5. Output the emoji you just picked.

  emoji => console.log(emoji)

This awesome jQuery plugin is developed by Je7z. For more Advanced Usages, please check the demo page or visit the official website.