Estela de chispas

El cursor suelta chispas con física: heredan su impulso, caen por gravedad, rebotan en el piso y se apagan de blanco a brasa.

Vista previa en vivo

Mueve el cursor

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { SparkTrail } 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	"#FFA94D"	Color de las chispas: nacen casi blancas y se apagan en brasa.
density	number	2	Cuántas chispas suelta cada trazo (1 es discreto, 3 es lluvia).
thickness	number	2.1	Grosor de las chispas, en px.
gravity	number	760	Gravedad que las hace caer, en px/s².
life	number	0.9	Segundos que dura cada chispa.
global	boolean	false	Sigue al cursor en toda la ventana en vez de solo en el contenedor.
autoplay	boolean	false	Se pasea solo cuando nadie mueve el cursor.

Estela de tinta
Gratis
Una estela de tinta brillante que sigue al cursor, se ensancha como si sangrara en el papel y se deshace en hebras hasta desvanecerse.
Cursores
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