Moneda
ProInterruptor que lanza una moneda metálica en 3D: gira en el aire, rebota en la mesa y cae mostrando la otra cara.
Objetos
Objetos
Pro
Medalla
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 10 (9 ajustables)
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.
Usar mi licencia2. Instala Medalla
npx shadcn@latest add @furin-pro/medalProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| label | string | "FIRST PLACE" | Texto grabado en el borde superior de la cara. |
| number | string | "1" | Cifra o letra grande en relieve en el centro. |
| caption | string | "CHAMPION" | Texto grabado en el borde inferior y en el reverso. |
| year | string | "2026" | Año grabado en el reverso. |
| metal | "gold" | "silver" | "bronze" | "gold" | Metal de la medalla. |
| ribbon | string[] | "navy · crema · rojo" | Colores de las franjas del listón, de un borde al otro. |
| size | number | 176 | Diámetro de la medalla, en px. |
| tilt | number | 30 | Giro máximo bajo el cursor, en grados. |
| flipOnClick | boolean | true | Un clic da una vuelta completa a la medalla. |
| autoplay | boolean | false | Se mece sola y el brillo recorre el relieve hasta que llega el cursor. |
Sigue explorando
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
Sobre de papel con sello de lacre en relieve (iluminación real con filtros SVG): al hacer clic el lacre se rompe en fragmentos que ruedan sobre la mesa, la solapa se abre en 3D y la carta (children) sale deslizándose.
Objetos