Skip to content

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

License

Notifications You must be signed in to change notification settings

binary-blazer/react-effectz

Repository files navigation

react-effectz

react-effectz

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

📦 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={true} />
  );
};

📖 Documentation

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)>

📜 License

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