NeoTerm UI

Matrix Rain

Decorative Matrix-style digital rain background animation.

Import

import { MatrixRain } from "neoterm-ui";

Usage

<div className="relative h-64">
  <MatrixRain columns={30} speed="fast" />
  <div className="relative z-10">Content over rain</div>
</div>

Props

PropTypeDefaultDescription
columnsnumber20Number of rain columns.
charsstring"01"Character set to use.
speed"slow" | "normal" | "fast""normal"Animation speed.