react-glitch-animation

A React component that add a glitch animation to any text.

See demo at codesandbox

Installation

Use the package manager npm to install .

npm install react-glitch-animation

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import { GlitchAnimation } from 'react-glitch-animation';
ReactDOM.render(
  <GlitchAnimation isActive={true} animationDurationMS={5000} text="Glitch effect"/>,
  document.getElementById('root'),
);

props| default value| info --- | --- | --- isActive | true | Is animation active animationDurationMS | 0 | Animation Duration in MS, 0 = infinite text | "Glitch Animation Effect" | Text to apply the animation on it

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT