Emojify

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.

…


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


Print Share Comment Cite Upload Translate Updates
APA

GreenestGoat | Sciencx (2024-08-09T23:49:21+00:00) Emojify. Retrieved from https://www.scien.cx/2024/08/09/emojify/

MLA
" » Emojify." GreenestGoat | Sciencx - Friday August 9, 2024, https://www.scien.cx/2024/08/09/emojify/
HARVARD
GreenestGoat | Sciencx Friday August 9, 2024 » Emojify., viewed ,<https://www.scien.cx/2024/08/09/emojify/>
VANCOUVER
GreenestGoat | Sciencx - » Emojify. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/08/09/emojify/
CHICAGO
" » Emojify." GreenestGoat | Sciencx - Accessed . https://www.scien.cx/2024/08/09/emojify/
IEEE
" » Emojify." GreenestGoat | Sciencx [Online]. Available: https://www.scien.cx/2024/08/09/emojify/. [Accessed: ]
rf:citation
» Emojify | GreenestGoat | Sciencx | https://www.scien.cx/2024/08/09/emojify/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts