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.
Movimiento
Movimiento
Pro
Papel que se quema
Al hacer clic, el papel se quema desde ese punto: borde incandescente irregular, brasas que reptan por el carbón, papel tostado, luz naranja sobre lo de abajo y ceniza, chispas y trozos ardiendo que vuelan. WebGL con ruido; se puede reiniciar.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 12 (9 ajustables)
DebajoRenace
en luz
en luz
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 Papel que se quema
npx shadcn@latest add @furin-pro/paper-burnProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Quémame" | Título impreso en el papel. |
| caption | string | "Haz clic en cualquier punto del papel" | Texto pequeño bajo el título. |
| label | string | "Sin abrir" | Sello rojo en una esquina del papel (vacío = sin sello). |
| reveal | ReactNode | "escena de muestra" | Lo que hay debajo del papel y se revela al quemarlo. |
| paper | string | "#efe8d6" | Color del papel. |
| ink | string | "#17120d" | Color de la tinta. |
| duration | number | 2800 | Cuánto tarda el fuego en cruzar el papel, en ms. |
| autoBurn | number | 0 | Se prende solo en un punto al azar tras tantos ms si nadie lo toca (0 = apagado). |
| autoReset | number | 0 | Tras quemarse, el papel se restaura solo después de tantos ms (0 = espera el botón Reiniciar). |
| sound | boolean | false | Crepitar sintetizado; solo suena después del clic que lo prende. |
| onBurn | () => void | "" | Se llama cuando el papel termina de quemarse. |
| onReset | () => void | "" | Se llama cuando el papel se restaura. |
Sigue explorando
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
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