react-text-glitch

React component to add glitch effect to your text, in a whole word or letter by letter. Demo

Usage no npm install needed!

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

README

React Text Glitch

React component to add glitch effect to your text, in a whole word or letter by letter. Demo

Install

  yarn add react-text-glitch

Usage

  // Glitch whole word
  import TextGlitch from 'react-text-glitch'

  <TextGlitch>WOW! I`m cool</TextGlitch>

  // Letter by letter on hover
  import TextGlitch from 'react-text-glitch'

  <TextGlitch letter>WOW! I`m cool</TextGlitch>

Options

prop description default
textStyle The style applied to text
wrapperStyles The style applied to text wrapper
letter false for whole word glitch/true for letter-by-letter false
as The role for html text element p

Contribute

Everything is welcome

License

Do whatever you want