Tarjeta de crédito

Tarjeta 3D de metal cepillado con chip dorado, números en relieve y holograma; se inclina con el cursor y voltea al hacer clic.

Vista previa en vivo

NOVA

1234 5678 9012 3456

TITULARALEX RIVERA

VENCE09/29

CRÉDITO

firma autorizada

CVV123

Tarjeta de demostración. Todos los datos mostrados son ficticios y no corresponden a ninguna cuenta real.

NOVA · 0000 0000

Instalación

1. Configura el registro Pro una sola vez

Los componentes Pro no están en npm ni en el registro público de shadcn: se instalan con tu licencia desde el registro privado de Furin.

2. Instala Tarjeta de crédito

npx shadcn@latest add @furin-pro/credit-card

Prop	Tipo	Por defecto	Descripción
number	string	"1234 5678 9012 3456"	Número de la tarjeta (ficticio).
holder	string	"ALEX RIVERA"	Nombre del titular.
expiry	string	"09/29"	Fecha de vencimiento, MM/AA.
cvv	string	"123"	Código de seguridad del reverso.
brand	string	"NOVA"	Nombre del banco grabado arriba a la izquierda.
kind	string	"CRÉDITO"	Texto del tipo de tarjeta, abajo a la derecha.
color	string	"#17191f"	Color base del cuerpo de la tarjeta.
emboss	string	"#d9dde4"	Color del relieve (números y textos).
width	number	340	Ancho máximo de la tarjeta, en px.
tilt	number	16	Inclinación máxima bajo el cursor, en grados.
glare	number	0.6	Intensidad del reflejo, de 0 a 1.
flipOnClick	boolean	true	Voltea la tarjeta al hacer clic.
defaultFlipped	boolean	false	Empieza mostrando el reverso.

Bento con luz
Gratis
Rejilla bento de seis celdas con una luz que salta entre ellas siguiendo al cursor (o sola) y se derrama sobre las vecinas.
Tarjetas
Boleto
Gratis
Boleto de papel con perforación: arrastra el talón y se rasga de arriba abajo, con borde de fibras y sombra que crece al despegarse.
Tarjetas
Borde eléctrico
Gratis
Arcos de electricidad que serpentean por el borde, con descargas locales, chispas y parpadeo del resplandor.
Tarjetas