Cursor

Tracking crosshair overlay

Haarlinien in voller Breite und Höhe, die dem Zeiger mit einer kleinen Verzögerung folgen und in ein statisches Rauschen übergehen, wenn sie ein Ziel überqueren.

Move the pointer across the panel. Hovering a node scrambles the lines for a moment.

Tracking crosshair overlay verwenden

Haarlinien in voller Breite und Höhe, die dem Zeiger mit einer kleinen Verzögerung folgen und in ein statisches Rauschen übergehen, wenn sie ein Ziel überqueren.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: smoothing, thickness, showCoords, wobble, color

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1764Bracket lock cursorCursorEin benutzerdefinierter Zeiger aus vier Eckklammern, der sich im Leerlauf dreht und um jedes als Ziel markierte Element herum einrastet.

2833Floating text trailCursorEin dunkles Feld, auf dem durch Bewegen des Zeigers schwebende Kopien eines Wortes entlang des Bewegungspfads fallen gelassen werden, die jeweils kurz auf und ab wackeln, bevor sie verschwinden.

1776Fluid SplashCursorBeim Ziehen über das Bedienfeld wird die Tinte durch eine flüssige Simulation gedrückt, sodass die Farbe hinter dem Zeiger aufsteigt, sich kräuselt und sich langsam auflöst.

1783Lagging orb followerCursorEine weiche Scheibe, die auf einer bewusst nachgiebigen Feder dem Zeiger nachjagt, an ihm vorbeischwingt und zurückwackelt, anstatt festzuhalten.

1786Magnetic project targetCursorEin benutzerdefinierter runder Cursor mit umlaufendem Text, der dem Zeiger folgt und bei Annäherung an einer Call-to-Action-Pille einrastet.

1793Pixel WakeCursorUnter dem Zeiger leuchtet ein grobes Zellengitter auf, kühlt sich dahinter wieder ab und hinterlässt eine blockartige Spur auf dem Panel.