/tailwind-plugin-cursor-emoji

Tailwind plugin for using emoji as cursor

Primary LanguageJavaScriptMIT LicenseMIT

Emoji Cursor Plugin for Tailwind CSS

Tests Codacy Badge npm

banner

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.