El botón de enviar es una hoja de papel: se dobla paso a paso en avión, sale volando en curva y el botón vuelve con un visto.
Objetos
Objetos
Pro
Vinil
Portada de disco de la que sale un vinil con surcos y reflejo anisotrópico; gira solo y si arrastras sobre él lo rayas: frena, retrocede y vuelve a su velocidad, con scratch sintetizado opcional.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (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 Vinil
npx shadcn@latest add @furin-pro/vinyl-cardProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| title | string | "Nocturne" | Título del disco (portada y etiqueta). |
| artist | string | "Furin Quartet" | Nombre del artista. |
| image | string | "" | URL de una portada propia; si se omite se usa el arte generado. |
| color | string | "#12322d" | Color de fondo del arte generado. |
| accent | string | "#ee5a2c" | Color de acento de la portada y de la etiqueta del disco. |
| size | number | 230 | Lado de la portada, en px. |
| rpm | number | 45 | Revoluciones por minuto del disco. |
| sound | boolean | false | Scratch sintetizado al rayar el disco (solo suena tras arrastrar). |
| autoplay | boolean | true | El disco sale de la portada y gira solo al montarse. |
Sigue explorando
Caja de cerillos en 3D de cartón impreso, con lija en el costado: el cajón se desliza con resorte al pasar o hacer clic y descubre cerillos y tu contenido (children) en una tarjetita.
Objetos
Caja fuerte
ProDisco de combinación de caja fuerte: se gira arrastrando, cada número se registra al dejarlo quieto y al acertar la puerta se abre con un clac.
Objetos