Estela de tinta

Una estela de tinta brillante que sigue al cursor, se ensancha como si sangrara en el papel y se deshace en hebras hasta desvanecerse.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { InkTrail } 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
color	string	"#12162B"	Color de la tinta.
sheen	string	"#9DB4FF"	Color del brillo húmedo sobre la tinta.
size	number	1	Grosor del trazo.
lifetime	number	1.9	Segundos que tarda la tinta en secarse y desaparecer.
autoplay	boolean	false	Dibuja solo un trazo cuando nadie mueve el cursor.

Lupa
Gratis
Una lupa de vidrio que amplía lo que hay debajo.
Cursores
Mira
Gratis
Mira de precisión: líneas de borde a borde con hueco central, reglas con marcas en los bordes y coordenadas en vivo en mono.
Cursores
Ráfaga al clic
Gratis
Rayos finos que estallan donde haces clic: viajan hacia afuera, se despegan de su origen y dejan un anillo y chispitas.
Cursores