Tarjeta helada

Tarjeta de vidrio con condensación; las gotas se juntan y escurren, dejando huella, cuando la inclinas.

Vista previa en vivo

Recién sacada del frío

Inclínala y mira cómo escurre.

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 helada

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

Prop	Tipo	Por defecto	Descripción
children	ReactNode	""	Título de la tarjeta.
caption	string	""	Texto pequeño debajo del título.
density	number	1	Cantidad de gotas de condensación.
haze	number	0.34	Qué tan empañado está el vidrio, de 0 a 1.
tilt	number	8	Inclinación máxima de la tarjeta bajo el cursor, en grados.
radius	number	26	Radio de las esquinas, en px.
scene	boolean	false	Pinta una escena nocturna de luces detrás.
auto	boolean	false	La tarjeta se inclina sola cuando no hay cursor.

Vidrio acanalado
Pro
Panel de vidrio estriado que parte el contenido de atrás en franjas refractadas que se mueven con el cursor.
Vidrio
Vidrio empañado
Pro
Vidrio empañado que limpias con el cursor como un espejo de baño; se vuelve a empañar lento y suelta gotitas.
Vidrio
Vidrio roto
Pro
Un clic estrella el vidrio desde ese punto; los fragmentos caen con física y luego se rearma de un latigazo.
Vidrio