Emojify

GreenestGoat - Aug 9 - - Dev Community

Image description

Emojify

Emojify is a customizable emoji trail javascript library that follows your mouse cursor, embedding playfulness and personality into any webpage.

Star the project on Github

Installation

CDN

Import Emojify using CDN.

import Emojify from 'https://cdn.jsdelivr.net/npm/open-emojify/emojify.min.js';
Enter fullscreen mode Exit fullscreen mode

๐Ÿšง Specific Version

import Emojify from 'https://cdn.jsdelivr.net/npm/open-emojify/emojify.min.js@latest';
Enter fullscreen mode Exit fullscreen mode

Usage

Call the Emojify library in your Javascript. That's it ๐ŸŽ‰.

window.emojify = new Emojify({});
Enter fullscreen mode Exit fullscreen mode

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: 5, // delay between showing a new emoji
    size: '48px', // font-size of emojis
    zIndex: 9999, // z-index of emojis
});
Enter fullscreen mode Exit fullscreen mode

Check out the Demo on Codepen.

. .
Terabox Video Player