Cursor

Ribbon trail flow

Mehrere farbige Bänder jagen den Zeiger auf ihren eigenen Federn, verjüngen sich zu einer Spitze und flechten sich auseinander, während sich der Zeiger dreht.

Ribbon trail flow verwenden

Mehrere farbige Bänder jagen den Zeiger auf ihren eigenen Federn, verjüngen sich zu einer Spitze und flechten sich auseinander, während sich der Zeiger dreht.

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: ribbonCount, thickness, spring, friction, accent, fadeTail

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

1794Pointer label cursorCursorInnerhalb eines begrenzten Panels wird der Systemcursor durch einen gezeichneten Pfeil ersetzt, hinter dem auf einer weichen Feder ein kleiner Namenschip läuft.

1809Spring lag trailCursorEine Kette von Kreisen, die den Zeiger mit immer weicheren Federn verfolgen, sodass sie sich bei schneller Bewegung zu einem Kometenschweif ausdehnen, der sich im Ruhezustand wieder zusammenzieht.

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

1823Velocity comet trailCursorEine Kette von Punkten, von denen jeder mit Trägheit den vor ihm liegenden Punkt verfolgt, sich bei schnellen Bewegungen zu einem Kometen ausdehnt und sich im Ruhezustand wieder zu einem Cluster zusammenrollt.

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.