Tarjeta de titanio

Tarjeta de titanio cepillado con reflejo que cambia al inclinarse.

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { MetalCard } 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
children	string	"MARIANA RIVERA"	Línea grabada abajo a la izquierda (nombre del titular).
title	string	"FURIN"	Marca grabada junto al emblema.
subtitle	string	"TITANIUM"	Texto pequeño grabado abajo a la derecha.
emblem	boolean	true	Muestra el emblema grabado (una campana de viento).
width	number	400	Ancho máximo de la tarjeta, en px.
tilt	number	16	Inclinación máxima en grados.
color	string	"#80838a"	Color base del titanio.
gloss	number	0.6	Pulido del reflejo: menor es satinado, mayor es espejo (0 a 1).
intensity	number	1	Intensidad general de la luz.
sweep	boolean	true	Deja que la tarjeta se mece sola cuando no hay cursor.

Tarjeta de vidrio
Gratis
Vidrio líquido con refracción, borde especular y reflejo que sigue al cursor.
Tarjetas
Tarjeta satinada
Gratis
Un barrido de brillo satinado al pasar el cursor.
Tarjetas
Instantánea
Pro
Foto instantánea que cae y se revela poco a poco, con grano; con un clic se sacude y se revela otra vez.
Tarjetas