Emojify



This content originally appeared on DEV Community and was authored by GreenestGoat

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';

🚧 Specific Version

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

Usage

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

new Emojify({});

Customization

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

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
});

Check out the Demo on Codepen.


This content originally appeared on DEV Community and was authored by GreenestGoat