Aurora

Fondo WebGL de cortinas de color que ondulan despacio. Define tres colores, el cielo, la velocidad y la intensidad.

Vista previa en vivo

Fondos con vida

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Aurora } 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
color1	string	"#2BFFB0"	Color de la cortina más baja.
color2	string	"#2D7BFF"	Color de la cortina intermedia.
color3	string	"#A45CFF"	Color de la cortina más alta.
background	string	"#0B0B0F"	Color del cielo detrás de las cortinas.
speed	number	1	Velocidad de la ondulación; 0 la congela.
intensity	number	1	Brillo de las cortinas.
amplitude	number	1	Cuánto se agitan las cortinas hacia arriba y abajo.
className	string	""	Clase extra para el contenedor.
style	CSSProperties	undefined	Estilos extra para el contenedor.
children	ReactNode	undefined	Contenido que se dibuja encima de la aurora, centrado.