Perfil con foil

Tarjeta de perfil con lámina holográfica: se inclina en 3D con el cursor y la iridiscencia cambia con el ángulo.

Vista previa en vivo

Nº 0482PRO

Diseñadora de producto

@alexrivera

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { ProfileFoil } 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
name	string	"Alex Rivera"	Nombre que va en grande.
role	string	"Diseñadora de producto"	Rol o título debajo del nombre.
handle	string	"@alexrivera"	Usuario con arroba.
stats	{ label: string; value: string }[]	"3 datos"	Tres datos de resumen al pie de la tarjeta.
serial	string	"Nº 0482"	Número de serie impreso en el encabezado.
intensity	number	1	Fuerza de la lámina holográfica (0 a 1.5).
maxTilt	number	14	Inclinación máxima de la tarjeta, en grados.
hue	number	0	Giro del tono de la lámina, en grados.
autoplay	boolean	true	Si no hay cursor encima, la tarjeta se mece sola.

Tarjeta con capas
Gratis
Capas reales en 3D (cielo, estrellas, planeta, anillo, dunas, texto y brillo) que se separan a distintas profundidades al inclinar.
Tarjetas
Tarjeta de titanio
Gratis
Tarjeta de titanio cepillado con reflejo que cambia al inclinarse.
Tarjetas
Tarjeta de vidrio
Gratis
Vidrio líquido con refracción, borde especular y reflejo que sigue al cursor.
Tarjetas