Cursor gelatina

Un cursor de gelatina translúcida con brillo especular: arrastra gotas que lo siguen, se estiran en la estela y se funden con él cuando te detienes.

Vista previa en vivo

Mueve el cursor

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { GooCursor } 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	"#4D7CFF"	Color de la gelatina.
size	number	14	Radio de la gota principal, en px.
drops	number	8	Cuántas gotas siguen al cursor (máx. 9).
hideCursor	boolean	true	Oculta el cursor del sistema dentro del contenedor.
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 chispas
Gratis
El cursor suelta chispas con física: heredan su impulso, caen por gravedad, rebotan en el piso y se apagan de blanco a brasa.
Cursores
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