Demo

Installation

CDN

Import Emojify using CDN.

index.html

<script src="https://cdn.jsdelivr.net/npm/open-emojify/emojify.min.js"></script>

🚧 Specific Version

<script src="https://cdn.jsdelivr.net/npm/[email protected]/emojify.min.js"></script>

Usage

Call the Emojify library in your Javascript. That's it 🎉.

main.js

window.emojify = new Emojify({});

Customization

Emojify comes with options / variables that can easily be customized.

window.emojify = new Emojify({
    emojis: ['😂','😎','😍','😀'], // replaces default emojis with emojis within a string
    random: true, // determines if emojis should be shown random or in order
    duration: 500, // duration before hiding emojis
    delay: 15, // delay between showing a new emoji
    size: '48px', // font-size of emojis
    zIndex: 9999, // z-index of emojis
});

Check out the Demo on Codepen.

Emojify is also a Chrome Extension.

Copyright and license

Licensed under the MIT License, Copyright © 2024-present Emojify.

See LICENSE for more information.