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