Mira

Mira de precisión: líneas de borde a borde con hueco central, reglas con marcas en los bordes y coordenadas en vivo en mono.

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { Crosshair } 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
color	string	"#7DD3FC"	Color de las líneas y la mira.
gap	number	18	Hueco central alrededor del cursor, en px.
showCoords	boolean	true	Muestra las coordenadas en vivo junto al cursor.
ruler	boolean	true	Muestra las reglas con marcas en los bordes.
percent	boolean	false	Coordenadas en porcentaje del contenedor en vez de píxeles.
hideCursor	boolean	true	Oculta el cursor del sistema dentro del contenedor.
autoplay	boolean	false	Se pasea solo cuando nadie mueve el cursor.

Ráfaga al clic
Gratis
Rayos finos que estallan donde haces clic: viajan hacia afuera, se despegan de su origen y dejan un anillo y chispitas.
Cursores
Apuntador láser
Pro
Un punto láser rojo con bloom, moteado de speckle y temblor natural de mano; si lo mueves rápido, el haz se revela en el polvo del aire. El clic lanza un destello.
Cursores
Campanas de viento
Pro
Una fila de campanas tubulares de vidrio (o latón, o acero) colgadas de un travesaño: el cursor es el viento. Cada tubo es un péndulo con física real que choca con sus vecinos y suena con timbre inarmónico sintetizado.
Cursores