Matrix Code
A matrix code component with glitch effect and optional vignette effect.
Install
Use Open-UI CLI or Shadcn CLI to install the component.
Open-UI CLI
Shadcn CLI
Usage
| Prop | Default | Description | Type |
|---|---|---|---|
| glitchColors | ["#2b4539", "#61dca3", "#61b3dc"] | Hex color array for the glitch characters (e.g. green/cyan palette). | string[] |
| glitchSpeed | 50 | Interval in ms between character/color updates; lower is faster. | number |
| centerVignette | false | Whether to apply a dark vignette overlay in the center. | boolean |
| outerVignette | true | Whether to apply a dark vignette overlay at the edges. | boolean |
| smooth | true | Whether to smoothly interpolate color changes; false for instant switches. | boolean |
| className | — | Additional CSS class for the container. | string |