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