Texto ASCII

El texto se dibuja con caracteres ASCII; una lente alrededor del cursor los acerca, los gira y los revuelve.

Vista previa en vivo

ASCII

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { AsciiText } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Prop	Tipo	Por defecto	Descripción
children	string	"ASCII"	El texto que se dibuja con caracteres (acepta saltos de línea).
size	number	190	Tamaño máximo de la letra del texto, en px (se reduce solo si no cabe).
cell	number	8	Tamaño de cada carácter ASCII, en px: más chico, más detalle.
height	number	260	Alto del lienzo, en px.
radius	number	104	Radio de la lente del cursor, en px.
charset	string	" .:-=+*#%@"	Caracteres de menor a mayor densidad.
idle	boolean	true	Cuando no hay cursor, una lente pasea sola por el texto.
color	string	"#E9EBEF"	Color de los caracteres.
accent	string	"#7CF5C6"	Color de los caracteres dentro de la lente.

Texto cromado
Gratis
Letras de cromo líquido cuyo reflejo sigue al cursor.
Texto
Texto en órbita
Gratis
Texto en círculo que gira despacio y se acelera, con inercia, cuando el cursor se acerca.
Texto
Texto que muta
Gratis
Las palabras se derriten unas en otras con una transición viscosa de desenfoque y umbral, con brillo de líquido.
Texto