BackgroundsProNew
ASCII Field
A living pattern of characters, like an old terminal. Each cell's brightness picks its character.
Customize
color
background
A Codearia component · Terms of use
Props
8 properties| Property | Type | Default | Description |
|---|---|---|---|
| characters | string | " .:-=+*#%@" | Characters from dark to bright. |
| color | string | "#d4d4d4" | Character color. |
| background | string | "#0a0a0a" | Background color. |
| cellSize | number | 12 | Size of one character cell, in pixels. |
| scale | number | 1 | Pattern zoom. |
| speed | number | 1 | Speed. 0 stops the motion. |
| children | ReactNode | — | Content on top of the effect. |
| className | string | — | Classes for the wrapper. |
Dependencies
3 required packages
npm install ogl clsx tailwind-merge