https://github.com/open-emojify/emojify

Emojify is a customizable emoji trail javascript library that follows your mouse cursor, embedding playfulness and personality into any webpage.
https://github.com/open-emojify/emojify

css cursor customization emoji emojify html javascript library mouse open-source trail

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/open-emojify/emojify
• Owner: open-emojify
• License: mit
• Created: 2024-08-09T20:02:21.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-09-01T22:42:39.000Z (5 months ago)
• Last Synced: 2024-11-13T00:32:23.711Z (3 months ago)
• Topics: css, cursor, customization, emoji, emojify, html, javascript, library, mouse, open-source, trail
• Language: HTML
• Homepage: https://open-emojify.github.io/emojify/
• Size: 90.8 KB
• Stars: 17
• Watchers: 1
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        







[![Published on npm](https://img.shields.io/npm/v/open-emojify)](https://www.npmjs.com/package/open-emojify)

[![](https://data.jsdelivr.com/v1/package/npm/open-emojify/badge)](https://www.jsdelivr.com/package/npm/open-emojify)

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



[Demo](https://open-emojify.github.io/emojify/)  

## Installation

### CDN

Import Emojify using CDN.

```index.html```

```html

```

#### 🚧 Specific Version

```html

```

## Usage

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

```main.js```

```js

window.emojify = new Emojify({});

```

## Customization

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

```js

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: 15, // delay between showing a new emoji

    size: '48px', // font-size of emojis

    zIndex: 9999, // z-index of emojis

});

```

Check out the Demo on [Codepen.](https://codepen.io/GreenestGoat/pen/gONGbBo?editors=0010)

Emojify is also a [Chrome Extension.](https://github.com/open-emojify/emojify-extension)

## Copyright and license

Licensed under the MIT License, Copyright © 2024-present Emojify.

See [LICENSE](https://github.com/open-emojify/emojify/blob/main/LICENSE) for more information.