Imán

Envuelve un botón, una tarjeta o un ícono y lo atrae hacia el cursor con física de resorte. Funciona bien en llamadas a la acción.

Vista previa en vivo

Atráeme

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Iman } 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
children	ReactNode	""	Lo que se deja atraer: un botón, una tarjeta, un ícono, lo que sea.
strength	number	0.4	Qué tanto se acerca al cursor: 0 no se mueve, 1 lo sigue exactamente.
radius	number	140	Distancia en px, medida desde el borde del elemento, a la que empieza la atracción.
stiffness	number	170	Rigidez del resorte: más alta, responde más rápido.
damping	number	11	Amortiguación del resorte: más baja, rebota más al regresar.
disabled	boolean	false	Apaga la atracción (el elemento se queda quieto).
className	string	""	Clase CSS extra para el contenedor.
style	CSSProperties	"{}"	Estilos en línea del contenedor.