Luciérnagas

Luciérnagas que deambulan en tres profundidades y parpadean con brillo cálido; se acercan con curiosidad al cursor y lo rondan.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Fireflies } 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	"#ffd26b"	Color cálido de la luz.
background	string	"#06080a"	Color del fondo de la noche.
count	number	1	Cuántas luciérnagas hay (1 = normal).
speed	number	1	Qué tan rápido vuelan y parpadean.
curiosity	number	1	Qué tanto se acercan al cursor por curiosidad.

Malla con grano
Gratis
Gradiente de malla que flota y se funde, con grano fino de película; el cursor jala una de las manchas.
Fondos
Nevada
Gratis
Nieve en tres planos de profundidad (lejos, medio y bokeh cercano) con un viento que sopla hacia donde está el cursor.
Fondos
Onda tramada
Gratis
Relieve de olas dibujado con tramado ordenado Bayer de un bit; el cursor deja anillos que se expanden.
Fondos