react-effectz

💭 react effects npm package including some effects in form as components

📋 Requirements

• React 18.2.0 or later
• Node.js 18.0.0 or later
• (for Next.js) Next.js 13.0.0 or later

📦 Installation

npm install react-effectz
# or
yarn add react-effectz
# or
pnpm add react-effectz
# or
bun install react-effectz

📚 Usage

import { GlitchText } from 'react-effectz';

const App = () => {
  return (
    <GlitchText text="Hello, World!" className="text-xl" playOnLoop={false} />
  );
};

📖 Documentation

• GlitchText

Rest will be available soon

GlitchText

import { GlitchText } from 'react-effectz';

const App = () => {
  return (
    <GlitchText text="Hello, World!" className="text-xl" playOnLoop={true} />
  );
};

Props

• text (string): Text to apply glitch effect on
• className (string): Classname to apply on the text
• playOnLoop (boolean): Play the glitch effect on loop
• duration (number): Duration of the glitch effect <(soon)>

📚 Examples

You can find examples on how to use the (currently only GlitchText) in the examples

📜 License

Apache-2.0 License © Jonas Franke <@binary-blazer>