Texto que se detiene como una cinta que frena: el tono de la ondulación se hunde, las letras se juntan, bajan en arco y se desenfocan, con bandas de VHS y un tramo de pausa. Un toque frena o arranca.
Movimiento
Movimiento
Pro
Folioscopio
Texto animado como un folioscopio de papel: cada hoja es un cuadro distinto (cae, se aplasta, rebota y las letras hierven a mano) y se hojean en 3D con grano de papel, canto apilado y brillo de página. Clic para volver a hojear.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 7 (7 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 Folioscopio
npx shadcn@latest add @furin-pro/flipbook-textProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "Folioscopio" | Texto que se anima (mejor corto). |
| pages | number | 10 | Cuántas hojas (cuadros) tiene el folioscopio. |
| flipMs | number | 64 | Milisegundos entre una hoja y la siguiente al hojear. |
| hold | number | 1700 | Cuánto se queda abierto el último cuadro, en ms (0 = no repite solo). |
| paper | string | "#f4efe2" | Color del papel. |
| ink | string | "#17140f" | Color de la tinta. |
| accent | string | "#e5432d" | Color de acento (margen de la pauta). |
Sigue explorando
Palabras que se estampan una por pulso: zoom desde cámara, rebote con resorte, sacudida de cuadro, onda de choque e imagen en negativo en el primer golpe de cada compás. Toca para marcar el tempo.
Movimiento
La palabra entra desde 300 % con desenfoque radial real, aberración cromática y líneas de enfoque; frena en seco, rebota, lanza una onda de choque y sacude la cámara. Un toque salta a la siguiente.
Movimiento