Texto que entra disparado como un latigazo: desenfoque de movimiento direccional, estela de copias, líneas de velocidad estilo anime y una sacudida de cámara al frenar en seco.
Movimiento
Movimiento
Pro
Golpe de zoom
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 9 (8 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 Golpe de zoom
npx shadcn@latest add @furin-pro/zoom-punchProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "IMPACTO" | Palabra (o frase corta) que entra de golpe. |
| words | string[] | "" | Varias palabras que entran una tras otra. |
| color | string | "#ffffff" | Color del texto. |
| accent | string | "#ff3b2f" | Color de acento: aberración, ráfaga y onda de choque. |
| hold | number | 1500 | Cuánto se queda cada palabra, en ms. |
| from | number | 3 | Escala de arranque (3 = 300 %). |
| blur | number | 1 | Fuerza del desenfoque radial y la aberración. |
| shake | number | 1 | Fuerza de la sacudida al frenar (0 = sin sacudida). |
| fontFamily | string | "Geist, system-ui, sans-serif" | Fuente del texto. |
Sigue explorando
Paneo rápido
ProCarrusel con paneo de latigazo entre escenas: resorte con rebote, desenfoque de movimiento y separación cromática que siguen la velocidad, paralaje entre fondo y letras. Flechas, teclado, puntos y arrastre con inercia.
Movimiento
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.
Movimiento