Tarjeta que se arrastra y se lanza: rebota en las paredes con inercia y, mientras va rápido, un estrobo interno deja copias fantasma como una foto de exposición múltiple que se apagan solas.
Movimiento
Movimiento
Pro
Tarjeta de hule
Tarjeta de hule: un cuerpo blando de cuatro esquinas con resortes. La que agarras sigue al puntero, las lejanas se retrasan y se estiran; al soltar regresa con latigazo y rebotes. El hule se aclara donde se estira.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (8 ajustables)
ElásticoEstírameArrástrame rápido
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 Tarjeta de hule
npx shadcn@latest add @furin-pro/rubber-cardProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | "tarjeta de muestra" | Contenido de la tarjeta. |
| width | number | 220 | Ancho de la tarjeta, en px. |
| height | number | 290 | Alto de la tarjeta, en px. |
| stretch | number | 1 | Cuánto se estira al arrastrar rápido. |
| damping | number | 1 | Qué tan viva es la vuelta (más bajo = más latigazo). |
| radius | number | 26 | Radio de las esquinas, en px. |
| nudgeEvery | number | 2600 | Empujón automático cada tantos ms para lucir la física (0 = apagado). |
| from | string | "#ff5a47" | Color de arranque de la tarjeta de muestra. |
| to | string | "#ff2d8a" | Color de cierre de la tarjeta de muestra. |
Sigue explorando
Trompo
ProIndicador de carga: un trompo metálico (shader con reflejos de estudio, torneado, aro moleteado y franjas anodizadas) con la física real del trompo pesado: precesa, nuta, se frena por fricción, cabecea y le dan cuerda de nuevo. Clic para darle cuerda.
Movimiento
Carrusel con física de derrape: la fila se pasa de la marca y regresa, cada tarjeta se inclina y se corta en diagonal con retraso según su distancia, y de la base sale humo de llanta. Arrastre con inercia, teclado y avance automático.
Movimiento