Onda tramada

Relieve de olas dibujado con tramado ordenado Bayer de un bit; el cursor deja anillos que se expanden.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { DitherWave } 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
dark	string	"#0a0b0f"	Color de los píxeles apagados (el fondo).
light	string	"#d9d3c3"	Color de los píxeles encendidos.
cell	number	3	Tamaño de cada píxel del tramado, en px.
speed	number	1	Qué tan rápido avanza la onda.
amplitude	number	1	Altura del relieve.
reactivity	number	1	Qué tanto deforma el cursor la superficie.

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
Rejilla infinita
Gratis
Rejilla en perspectiva que avanza sin fin hacia un horizonte con un sol sobrio; el cursor mueve el horizonte y mantener presionado acelera.
Fondos
Rejilla viva
Gratis
Rejilla de puntos que reacciona al cursor.
Fondos