Resplandor de letras
Un campo de luz suave pintado con un abecedario de más oscuro a más claro: donde hay poca luz, un punto; donde hay mucha, una arroba. Suena a terminal sin serlo. No es una imagen convertida a texto: la luz de cada celda sale de una fórmula (la forma elegida más una oscilación lenta) y de ese número sale el carácter, así que cambia de forma sin cargar nada y escala a cualquier tamaño. Hay cuatro formas (horizonte, subida, pinzamiento y eclipse). Bajo el puntero las letras se desordenan y al pulsar sale una onda. Las celdas casi apagadas no se pintan, el bucle para fuera de pantalla y con el dial a cero se dibuja un solo fotograma. Es un fondo: el lienzo va oculto a los lectores y el texto de encima es HTML normal.
- Canvas 2D, sin dependencias, se pausa
Y el original de React Bits: Gradient ASCII
Esta pieza está escrita desde cero en Vibeset: no se ha copiado ni portado nada de React Bits. Hace algo parecido a su Gradient ASCII, y esto es lo que vimos del suyo por si prefieres usar el original.
Cuándo sí
Para el fondo de una portada que quiere sonar a terminal sin ser un terminal. Con poco contenido encima, para que respire.
Ojo con
Es un fondo: el texto que lleve encima necesita su contraste medido contra la parte más clara del degradado, no contra el color medio.
Accesibilidad
Respeta el movimiento reducido del sistema y es puramente decorativo, así que no hay nada que leer en él.
- Gradient ASCII
pnpm dlx shadcn@latest add @react-bits/GradientASCII-TS-TW