Ráfaga

Titular cuyas letras salen despedidas cuando el cursor pasa rápido y regresan a su lugar con resorte.

Vista previa en vivo

Mueve el cursor rápido

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Rafaga } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Prop	Tipo	Por defecto	Descripción
text	string	"Que el viento se las lleve"	Texto del titular: cada letra es una partícula que el viento puede arrancar.
strength	number	1	Fuerza de la ráfaga: qué tan lejos y qué tan rápido salen las letras; 0 apaga el viento.
threshold	number	650	Velocidad del cursor (px/s) a partir de la cual sopla; más lento no pasa nada.
recovery	number	1.8	Segundos que tarda una letra en volver a su lugar.
radius	number	150	Radio de alcance de la ráfaga alrededor del cursor, en px.
spin	number	1	Cuánto giran las letras al volar; 0 las deja sin girar.
color	string	"heredado"	Color de las letras (por defecto hereda el del texto).
accent	string	"#E8452C"	Color al que se tiñen las letras mientras vuelan (igual al del texto para apagarlo).
className	string	""	Clase CSS extra para el contenedor.
style	CSSProperties	undefined	Estilos en línea del contenedor (aquí va el tamaño y la fuente).