Crosshair

Cursor de mira con líneas que siguen al ratón y distorsionan enlaces.

• Código: RODD·AN·005
• Familia: Animaciones
• Origen: React Bits (David Haz) · Licencia MIT + Commons Clause

Cómo instalarlo

npx shadcn@latest add https://reactbits.dev/r/Crosshair-TS-TW

Cuándo usarlo

Refuerzan una interacción concreta: un CTA, una tarjeta, un cursor. Nunca decoran por decorar.

Props para personalizarlo

Otros efectos de animaciones

• ElectricBorder — Borde eléctrico con arcos de energía y brillo ajustable.
• GooeySvgFilter — Filtro SVG que une elementos como gotas.
• LaserFlow — Haz láser que fluye y se derrama sobre una superficie.
• MagnetLines — Campo de agujas que apuntan hacia el cursor.
• OrbitingCircles — Iconos orbitando alrededor de un centro.
• RippleDistortion — Distorsión de agua que deja una estela al pasar el puntero.