bipolarmorgan / react-matrix-decode

A react component to simulate a reveal of text with matrix decodification effect.

Matrix Decode

npm install react-matrix-decoder --save

import React from 'react'
import ReactDOM from 'react-dom'
import MatrixDecode from 'react-matrix-decoder'

class Container extends React.Component {
  render () {
    return (
      <div>
        <div>
          <MatrixDecode ref='decode' before='Reveal me' after='Trump 💩' speed={50} />
        </div>
        <div>
          <button onClick={() => this.refs.decode.decode()}>Matrix Decode!</button>
        </div>
      </div>
    )
  }
}

ReactDOM.render(<Container />, document.getElementById('container'))

You will get this effect