https://github.com/neotan/tailwind-plugin-cursor-emoji

Tailwind plugin for using emoji as cursor
https://github.com/neotan/tailwind-plugin-cursor-emoji

Last synced: 9 days ago
JSON representation

Tailwind plugin for using emoji as cursor

• Host: GitHub
• URL: https://github.com/neotan/tailwind-plugin-cursor-emoji
• Owner: neotan
• License: mit
• Created: 2023-02-07T06:13:37.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-02-12T00:54:18.000Z (almost 2 years ago)
• Last Synced: 2025-01-02T06:08:22.002Z (9 days ago)
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/tailwind-plugin-cursor-emoji
• Size: 614 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Emoji Cursor Plugin for Tailwind CSS

![Tests](https://github.com/neotan/tailwind-plugin-cursor-emoji/workflows/Tests/badge.svg)

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/1e75191e4b1444c59be79054984c5d78)](https://www.codacy.com/gh/neotan/tailwind-plugin-cursor-emoji/dashboard?utm_source=github.com&utm_medium=referral&utm_content=neotan/tailwind-plugin-cursor-emoji&utm_campaign=Badge_Grade)

![npm](https://img.shields.io/npm/dt/tailwind-plugin-cursor-emoji)



Adds emoji to cursor for tailwind.

## Installation

```bash

yarn add -D tailwind-plugin-cursor-emoji

```

or

```bash

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

```

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

```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:

```jsx



    content



```


## 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](/LICENSE).