React Twinkle Text

React twinkle text effect using Tailwind-compatible styles.

Example

Here is an example of the Twinkle Text in one of my projects:

Installation

npm install react-twinkle-text

Usage

Normal Twinkle Text

import { TwinkleText } from 'react-twinkle-text';

<TwinkleText className="text-gray-500">Hello World</TwinkleText>

Hover Twinkle Text

import { TwinkleText } from 'react-twinkle-text';

<TwinkleText hover className="text-gray-500">Hello World</TwinkleText>

Group Hover Twinkle Text

import { TwinkleText } from 'react-twinkle-text';

<div className="group">
    <TwinkleText groupHover className="text-gray-500">Hello World</TwinkleText>
</div>