React Matrix Animation
Inspired by Christian Behler’s post How to Create the Matrix Text Effect With JavaScript.
Install
You can install this module as a component from NPM:
yarn add react-matrix-animation npm install react-matrix-animation
Usage
import { ReactMatrixAnimation } from 'react-matrix-animation'; export default async function Page() { return ( <div className="m-auto flex h-screen w-screen items-center justify-center"> <ReactMatrixAnimation /> </div> ); }
Options & Defaults
// Size of the character elements. tileSize = 20 // A higher fade factor will make the characters fade quicker. fadeFactor = 0.05 // Background color. backgroundColor = '#030303' // Font color. fontColor = '#008529'
Contribution
I appreciate any contributions to this repo!