DEV Community

GreenestGoat
GreenestGoat

Posted on

5 1 1 1 1

Emojify

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.

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

Cloudinary image

Zoom pan, gen fill, restore, overlay, upscale, crop, resize...

Chain advanced transformations through a set of image and video APIs while optimizing assets by 90%.

Explore

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay