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
Movimiento
Pro
Líneas de velocidad
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.
- Plan
- Pro · licencia comercial
- Dependencias
- Solo React
- Props
- 8 (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 Líneas de velocidad
npx shadcn@latest add @furin-pro/speed-lines-textProps
| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| children | string | "VELOCIDAD" | Texto que entra disparado. |
| from | "left" | "right" | "top" | "bottom" | "left" | De qué lado entra el texto. |
| color | string | "#ffffff" | Color del texto. |
| accent | string | "#ff4a2b" | Color de acento: estela fantasma y algunas líneas. |
| density | number | 1 | Cantidad de líneas de velocidad (0 = ninguna). |
| shake | number | 1 | Fuerza de la sacudida de cámara al frenar (0 = sin sacudida). |
| blur | number | 1 | Cuánto desenfoque de movimiento lleva. |
| interval | number | 3600 | Repite la entrada cada tantos ms (0 = solo al montar o al hacer clic). |
Sigue explorando
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
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