Salto a warp

Estrellas a velocidad warp con estelas y profundidad; el cursor dirige el punto de fuga y mantener presionado dispara el salto.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { WarpStars } 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
speed	number	1	Velocidad del salto (1 = crucero).
density	number	1	Cantidad de estrellas (1 = normal).
trail	number	1	Largo de las estelas.
steer	number	1	Qué tanto el cursor dirige el punto de fuga.
color	string	"#d6e4ff"	Color de las estrellas.
background	string	"#05060a"	Color del fondo del espacio.

Seda
Gratis
Tela de seda que ondula despacio, con brillo anisotrópico de hilo que cambia con la luz y sigue al cursor.
Fondos
Semitono
Gratis
Semitono de imprenta con dos tintas sobreimpresas: los puntos crecen y se encogen con un campo que fluye y con el cursor.
Fondos
Tinta en agua
Gratis
Gotas de tinta que florecen en agua oscura con remolinos y hebras, una tras otra en ciclo. Toca para soltar una gota; mueve el cursor para agitar el agua.
Fondos