Installation

No MCP yet? Connect your agent.

Usage

import { digits, loader, Matrix, vu, wave } from "@/components/ui/matrix";

Static Pattern

<Matrix rows={7} cols={5} pattern={digits[5]} ariaLabel="Number five" />

Animated Display

<Matrix rows={7} cols={7} frames={wave} fps={20} loop ariaLabel="Wave animation" />

VU Meter

<Matrix
  rows={7}
  cols={12}
  mode="vu"
  levels={[0.1, 0.6, 0.9, 0.7, 0.4, 0.8, 0.5, 0.3, 0.6, 0.9, 0.5, 0.2]}
/>