react-glitch-animation

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

Usage no npm install needed!

<script type="module">
  import reactGlitchAnimation from 'https://cdn.skypack.dev/react-glitch-animation';
</script>

README

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