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.
Movimiento
Movimiento
Pro
Revelado estroboscópico
El contenido aparece en rebanadas rápidas como un estrobo: cada cuadro enciende franjas distintas con destello, vibración y aberración cromática hasta asentarse. Una sola copia del contenido, con máscaras CSS.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (8 ajustables)
Cuadro por cuadroNO
PARPADEESAparece en rebanadas, como una luz de estrobo.
PARPADEESAparece en rebanadas, como una luz de estrobo.
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 Revelado estroboscópico
npx shadcn@latest add @furin-pro/strobe-revealProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | ReactNode | "cartel de muestra" | Contenido que aparece en rebanadas. |
| slices | number | 14 | Cuántas franjas se usan. |
| frames | number | 13 | Cuántos cuadros dura el estrobo. |
| frameMs | number | 46 | Duración media de cada cuadro, en ms. |
| direction | "vertical" | "horizontal" | "diagonal" | "vertical" | Orientación de las franjas. |
| trigger | "view" | "hover" | "click" | "manual" | "view" | Cuándo se dispara. |
| show | boolean | true | Con trigger manual: muestra u oculta el contenido. |
| loopEvery | number | 0 | Repite el ciclo (aparece, se queda, desaparece) cada tantos ms; 0 = no repite. |
| flashColor | string | "#ffffff" | Color del destello de cada franja al encenderse. |
Sigue explorando
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
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