Impresión lenticular de verdad: cientos de lentes cilíndricas intercalan 2–3 imágenes y cada una aparece según el ángulo; al inclinar con el cursor se ve la franja del cambio, el brillo por lente y el plástico transparente.
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.
Usar mi licencia2. Instala Lenticular
npx shadcn@latest add @furin-pro/lenticular-card| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| images | string[] | "[]" | De 2 a 3 URLs de imagen. Si se omite se usan tres escenas generadas (amanecer, mediodía y noche). |
| label | string | "Valle lenticular" | Descripción de la imagen para lectores de pantalla. |
| lenses | number | 64 | Cantidad de lentes (franjas) a lo ancho de la tarjeta. |
| tilt | number | 17 | Inclinación máxima bajo el cursor, en grados; también recorre todas las imágenes. |
| glare | number | 0.7 | Intensidad del brillo del plástico, de 0 a 1. |
| autoplay | boolean | false | La tarjeta se mece sola hasta que el cursor la toma. |
Medalla en WebGL con relieve real (mapa de normales generado en código), acabado satinado con surcos concéntricos y relieve pulido, reflejos de un estudio procedural, listón de tela que se balancea y giro 3D con brillo especular que sigue al cursor; un clic la voltea.
Objetos
Interruptor que lanza una moneda metálica en 3D: gira en el aire, rebota en la mesa y cae mostrando la otra cara.
Objetos
Reloj de arena de vidrio y madera: los granos caen de verdad, el montón crece con su talud y se voltea con un clic.
Objetos