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 🎉.
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: 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.
Top comments (0)