Letter Glitch
A dense grid of monospace glyphs flickering through letters and colors.
canvascode
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Grid
Font size18px
Motion
Glitch speed18
Appearance
Color 1
Color 2
Color 3
Glow0.9
Vignette0.7
Props
| Prop | Type | Default | Description |
|---|---|---|---|
colors | string[] | brand spectrum | Glyph colors as r,g,b (each cell picks one). |
fontSize | number | 18 | Monospace glyph size in px (drives the cell size). |
glitchSpeed | number | 18 | How frantically cells mutate (higher = more churn). |
glow | number | 0.9 | Glyph brightness / opacity (0–1). |
vignette | number | 0.7 | Edge darkening toward the corners (0–1). |
children | ReactNode | — | Content layered above the canvas. |
className | string | — | Extra classes for the wrapper. |