Emoji Cursor Plugin for Tailwind CSS

Adds emoji to cursor for tailwind.

Installation

yarn add -D tailwind-plugin-cursor-emoji

or

npm install --save-dev tailwind-plugin-cursor-emoji

Add it to the plugins array of tailwind.config.js.

// tailwind.config.js

plugins: [
    // ...
    require('tailwind-plugin-cursor-emoji'),
],

Usage

Use these classes like ordinary tailwind classes, and differentiate them with various parameter combinations. The basic syntax is:

<div className="flex rounded cursor-emoji-[<EMOJI>/<SIZE>/<COLOR>/<OPACITY>]">
    content
</div>

Examples

Class	Cursor
cursor-emoji-[😜/lg]
cursor-emoji-[😜]
cursor-emoji-[😜/40]
cursor-emoji-[😜/4xl/red]
cursor-emoji-[😜/4xl/green-500]
cursor-emoji-[😜/4xl/#e76215]
cursor-emoji-[😜/4xl/rgb(231,98,21)]
cursor-emoji-[😜/4xl/hsl(22deg,84%,49%)]
cursor-emoji-[😜/4xl/blue-500/70]

License

This project is licensed under the MIT License.