Ábaco
ProSelector numérico de ábaco: cuentas de madera que se arrastran, se empujan en cadena y chocan contra la viga con resorte.
Controles
Controles
Pro
Tira de película
Galería en tira de película de 35 mm con perforaciones y fotogramas generados por código; se arrastra con inercia, se flexiona por un rodillo y revela cada foto del negativo al color.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (6 ajustables)
Atardecer01 / 08
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 Tira de película
npx shadcn@latest add @furin-pro/film-stripProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| frames | number | 8 | Cantidad de fotogramas generados por código (si no pasas images). |
| images | string[] | undefined | undefined | URLs de imágenes que sustituyen a los fotogramas generados. |
| titles | string[] | undefined | undefined | Títulos de cada fotograma, para el subtítulo. |
| value | number | undefined | "auto" | Índice controlado del fotograma central (empieza en 0). |
| defaultValue | number | 0 | Índice inicial cuando no es controlado. |
| onChange | (index: number) => void | undefined | Se llama con el índice cada vez que cambia el fotograma central. |
| label | string | "Galería de fotogramas" | Nombre de la galería (también para lectores de pantalla). |
| loop | boolean | false | La tira da la vuelta sin fin en lugar de terminar con una punta de película. |
| autoplay | boolean | false | La tira avanza sola cada ~2 s hasta que alguien la toca. |
Sigue explorando
Campo de texto real que escribe con martillos de máquina de escribir: cada tecla golpea el papel, el corrector tapa lo borrado y suena el timbre al final de línea.
Controles
Conmutador
ProPanel de palancas metálicas para filtros: pilotos que se encienden con inercia, pantalla ámbar y clics.
Controles