Rejilla infinita

Rejilla en perspectiva que avanza sin fin hacia un horizonte con un sol sobrio; el cursor mueve el horizonte y mantener presionado acelera.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { RetroGrid } 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	"#8f9cd8"	Color de las líneas de la rejilla.
accent	string	"#f0b08a"	Color del sol y del brillo del horizonte.
background	string	"#0a0a12"	Color del fondo.
speed	number	1	Velocidad con la que avanza la rejilla.
columns	number	16	Cuántas líneas verticales caben en el ancho.
sun	boolean	true	Muestra el sol sobre el horizonte.
parallax	number	1	Qué tanto mueve el cursor el horizonte (paralaje).

Rejilla viva
Gratis
Rejilla de puntos que reacciona al cursor.
Fondos
Salto a warp
Gratis
Estrellas a velocidad warp con estelas y profundidad; el cursor dirige el punto de fuga y mantener presionado dispara el salto.
Fondos
Seda
Gratis
Tela de seda que ondula despacio, con brillo anisotrópico de hilo que cambia con la luz y sigue al cursor.
Fondos