Humo

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.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { SmokeField } 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	"#BFD0FF"	Color del humo iluminado.
glowColor	string	"#FF8A4A"	Color de la luz de contraluz desde abajo.
density	number	1	Qué tan espeso es el humo.
speed	number	1	Velocidad con la que sube.
interactive	boolean	true	El cursor aparta y arremolina el humo.

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
Lluvia de código
Gratis
Columnas de fragmentos reales de JSX y TypeScript que caen en tres planos de profundidad, con la punta brillante y resaltado de sintaxis.
Fondos