ФоныProНовое
ASCII-поле
Живой узор из символов, как в старом терминале. Яркость каждой клетки задаёт свой символ.
Настройки
color
background
Компонент Codearia · Условия использования
Параметры
8 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| characters | string | " .:-=+*#%@" | Набор символов от тёмного к светлому. |
| color | string | "#d4d4d4" | Цвет символов. |
| background | string | "#0a0a0a" | Цвет фона. |
| cellSize | number | 12 | Размер клетки одного символа, в пикселях. |
| scale | number | 1 | Масштаб узора. |
| speed | number | 1 | Скорость. 0 останавливает движение. |
| children | ReactNode | — | Содержимое поверх эффекта. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 3
npm install ogl clsx tailwind-merge