Tarjeta satinada

Un barrido de brillo satinado al pasar el cursor.

Vista previa en vivo

Serie 04

Aleación ligera y resistente, cepillada a mano y pulida en los cantos.

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { ShineCard } 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
title	string	"Titanio grado 5"	Título de la tarjeta.
eyebrow	string	"Serie 04"	Rótulo pequeño sobre el título.
children	ReactNode	"Aleación ligera y resistente, cepillada a mano y pulida en los cantos."	Texto de la tarjeta.
footer	string	"N.º 0427"	Línea inferior en tipografía mono.
tone	"titanium" \| "aluminum" \| "graphite"	"titanium"	Acabado del metal de la tarjeta.
badge	boolean	true	Muestra el disco pulido de la esquina.
intensity	number	1	Fuerza del brillo.
radius	number	22	Radio de las esquinas, en px.
idle	boolean	true	Un barrido de luz cruza la tarjeta cada pocos segundos aunque no haya cursor.
interval	number	6	Segundos entre barridos automáticos.

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
Recibo
Pro
Impresora de tickets: el recibo térmico sale línea por línea, con grano de papel y borde dentado, y se arranca al terminar.
Tarjetas
Tarjeta de crédito
Pro
Tarjeta 3D de metal cepillado con chip dorado, números en relieve y holograma; se inclina con el cursor y voltea al hacer clic.
Tarjetas