1.0.2 • Published 2 years ago
@promethewz/rematrix v1.0.2
A lightweight matrix animation component
🎉 Features
- Zero Dependency on other any plugins
- Supports all React-based Project
- Lightweight (1.5Kb)
📦 Installation
npm install @promethewz/rematrixyarn add @promethewz/rematrix🔨 Usage
import ReMatrix from "@promethewz/rematrix";
const App = () => (
<>
<ReMatrix color={"indigo"} />
</>
);Props
| Name | Type | e.g. |
|---|---|---|
| fps | number | fps={45} |
| fontSize | number | fontSize={26} |
| color | string | color={"lightblue"} |
| bgColor | string | bgColor={"rgba(255,255,255,0.65)"} |
| characters | string | characters={"anyRandomCharacterString"} |
| width | number | width={500} |
| height | number | height={600} |
... and any canvas element props :)
TypeScript
@promethewz/rematrix is written in TypeScript with complete definitions :)
⌨️ Development
Clone locally:
$ git clone git@github.com:IshmamR/promethewz-rematrix.git
$ cd promethewz-rematrixIf you are using npm
$ npm install
$ npm startElse if you are using yarn
$ yarn
$ yarn start🤝 Contributing 
All contributions are welcomed. You can submit any ideas as pull requests or as GitHub issues.
