Malla con grano

Gradiente de malla que flota y se funde, con grano fino de película; el cursor jala una de las manchas.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { GrainMesh } 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
colors	string[]	"azul noche, arena, azul acero, terracota"	Colores de la malla (de 2 a 5); cada uno ancla una zona que flota.
grain	number	1	Cantidad de grano de película.
speed	number	1	Qué tan rápido se mueve la malla.
scale	number	1	Tamaño de las manchas de color (mayor = más suaves y grandes).
reactivity	number	1	Qué tanto jala el cursor a una de las manchas.

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
Prisma
Gratis
Un orbe de luz sigue tu cursor y dispara un haz a un prisma de vidrio: el abanico de colores se mueve y se abre con el ángulo (ley de Snell) y cae sobre una pared.
Fondos