Matrix style letter animation.
Every prop is wired to the controls underneath. In light mode the stage swaps to a white background and a different palette until you change the colors yourself.
| Prop | Type | Default | Description |
|---|---|---|---|
glitchColors | string[] | ['#2b4539', '#61dca3', '#61b3dc'] | Array of hex colors the letters cycle through. |
glitchSpeed | number | 50 | Milliseconds between glitch updates. Lower values glitch faster. |
centerVignette | boolean | false | When true, renders a radial gradient in the center of the container. |
outerVignette | boolean | true | When true, renders an inner radial gradient around the edges of the container. |
smooth | boolean | true | When true, smoothens the animation of the letters for a more subtle feel. |
lightMode | boolean | false | Switches the container background and the vignettes to white. |
backgroundColor | string | undefined | Overrides the container background. Falls back to white in light mode and black otherwise. |
characters | string | 'ABCDEFGHIJKLMNOPQRSTUVWXYZ!@#$&*()-_+=/[]{};:<>.,0123456789' | String of characters to render in the canvas. |
Keyboard shortcuts and ARIA behavior.