Lámina holográfica

Fondo holográfico: una película iridiscente, una rejilla difractiva fina y un brillo que cambian con el ángulo del cursor.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { HoloFoil } 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
intensity	number	1	Fuerza de la iridiscencia (0 a 1.5).
density	number	1.4	Densidad del patrón difractivo fino (0.5 a 3).
tilt	number	1	Cuánto se inclina la lámina al seguir el cursor.
hue	number	0	Giro del tono general, en grados.
baseColor	string	"#0f1015"	Color del metal base bajo la película.
autoplay	boolean	true	Si no hay cursor encima, la lámina se mece sola.

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
Luciérnagas
Gratis
Luciérnagas que deambulan en tres profundidades y parpadean con brillo cálido; se acercan con curiosidad al cursor y lo rondan.
Fondos