Galaxia

Galaxia espiral de decenas de miles de partículas con núcleo brillante que gira despacio; el cursor inclina la vista.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Galaxy } 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
coreColor	string	"#ffd9a6"	Color del núcleo y del bulbo central.
armColor	string	"#7f9eea"	Color de los brazos espirales.
background	string	"#04050a"	Color del fondo del espacio.
density	number	1	Cantidad de partículas (1 = normal).
arms	number	3	Cuántos brazos tiene la espiral.
speed	number	1	Qué tan rápido gira.
tilt	number	50	Inclinación de la galaxia respecto a la vista, en grados (90 = de frente).
reactivity	number	1	Qué tanto inclina la vista el cursor.

Humo
Gratis
Humo volumétrico con luz de estudio que sube sin parar; tu cursor lo aparta y lo arremolina, y el humo vuelve a llenar el hueco.
Fondos
Lámina holográfica
Gratis
Fondo holográfico: una película iridiscente, una rejilla difractiva fina y un brillo que cambian con el ángulo del cursor.
Fondos
Lámpara de lava
Gratis
Lámpara de lava con vidrio y luz cálida: la cera sube, se estira, se funde con otras burbujas y se separa. Tu cursor la calienta.
Fondos