Mauszeiger

Stamped cursor trail

Stamped cursor trail: Kleine Karten, die in festgelegten Abständen entlang des Zeigerpfads eingestanzt sind, fallen jeweils mit einer Neigung hinein und altern hinter dem Cursor heraus.

Contact sheet / 024

Leave a paper trail

Move across the surface to place a sequence of cards.

Stamped cursor trail verwenden

Stamped cursor trail verwendet das Vorschauformat „breit“ mit der Theme-Einstellung „dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`trailLength`	`number`	`12`	Von 4 bis 24; Schrittweite 1
`spacing`	`number`	`60`	Von 20 bis 160; Schrittweite 5
`accent`	`color`	`#FF6A1F`	Keine weitere Grenze in den Metadaten.
`tilt`	`number`	`12`	Von 0 bis 30; Schrittweite 1
`fadeSeconds`	`number`	`0.6`	Von 0.2 bis 2; Schrittweite 0.1

Für welche Frameworks ist Stamped cursor trail verfügbar?

Stamped cursor trail ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Stamped cursor trail?

Die React-Metadaten nennen diese zusätzlichen npm-Abhängigkeiten: motion.

Welche Details zur Barrierefreiheit sind in Stamped cursor trail erkennbar?

Der React-Quellcode von Stamped cursor trail enthält: Attribute und Ereignisbehandler (aria-hidden). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Stamped cursor trail reduzierte Bewegung?

Die Quellcode-Analyse fand in der index.tsx von Stamped cursor trail keine direkte Abfrage über useReducedMotion() oder matchMedia. Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Tile trail von Fieldbook aus der Kategorie Mauszeiger.

1796Tile trailMauszeigerEin Wegweiser, der kleine abgerundete Kacheln entlang des Weges fallen lässt, die jeweils aus einem recycelten Pool auftauchen und verschwinden, während neuere an ihre Stelle treten.

Standbild der UI-Komponente Swarm trail cursor von Fieldbook aus der Kategorie Mauszeiger.

1815Swarm trail cursorMauszeigerEine Wolke aus weichen Klecksen umkreist den Zeiger innerhalb eines Panels, hinterlässt sich verjüngende Spuren und verschmelzt dort, wo sie sich überlappen, zu einer Form.

Standbild der UI-Komponente Bracket lock cursor von Fieldbook aus der Kategorie Mauszeiger.

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

Standbild der UI-Komponente Fluid Splash von Fieldbook aus der Kategorie Mauszeiger.

1776Fluid SplashMauszeigerBeim 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.

Standbild der UI-Komponente Neon trail cursor von Fieldbook aus der Kategorie Mauszeiger.

1788Neon trail cursorMauszeigerEin sich verjüngender Lichtstrahl lief durch den aktuellen Weg des Zeigers, heiß und breit am Kopf, dünner werdend und zum Schwanz hin wechselnd.

Standbild der UI-Komponente Smoke trail cursor von Fieldbook aus der Kategorie Mauszeiger.

1806Smoke trail cursorMauszeigerEine sanfte, wirbelnde Wolke, die dem Zeiger wie Rauch folgt, sich wieder zusammenrollt, wenn Sie die Richtung ändern, und sich auflöst, wenn Sie anhalten.