Hintergründe

Liquid metal drift

Vom Rand beleuchtete Klumpen schwerer Flüssigkeit bilden sich, dehnen sich aus und verschmelzen über ein schwarzes Feld und wölben sich zum Zeiger hin wie Eisenspäne zu einem Magneten.

Pointer reactive

Heavy liquid metal answers the pointer like a magnet

Drag or hover across the field and the nearest rims swell and reach toward you, then relax back once you let go.

#9BE1FF0.5x flow2.5 sharpnessflows down

Liquid metal drift verwenden

Vom Rand beleuchtete Klumpen schwerer Flüssigkeit bilden sich, dehnen sich aus und verschmelzen über ein schwarzes Feld und wölben sich zum Zeiger hin wie Eisenspäne zu einem Magneten.

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: rimColor, speed, sharpness, flowDirection, glow, pointerMagnet

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

1947Cursor fluid trailHintergründeEin dunkles Feld, über das beim Ziehen des Zeigers farbige Flüssigkeit verschmiert wird und der Fleck sich nach dem Anhalten des Zeigers weiter wellt und dünner wird.

1720Magnetic particle ringHintergründeEin schwebendes Feld winziger Punkte, die der Zeiger einfängt, zu einem welligen Ring neu anordnet und sie bei der Weiterbewegung wieder freigibt.

1670Bouncing sphere pitHintergründeEine kastenförmige Grube aus schweren Kugeln, die fallen, aneinander stoßen und sich stapeln und zerstreuen, wann immer der Cursor durch sie watet.

1686Drifting glass shardsHintergründeEin langsamer Strom aus durchscheinenden Splittern, die aufblitzen, während sie fallen, sich vom Cursor verstreuen und sich wieder sammeln, wenn der Zeiger stillsteht.

1700Gradient slat spotlightHintergründeVertikale Lamellen verbergen einen Farbverlauf, bis ein sanfter Scheinwerfer den Zeiger über sie führt und jede Lamelle beleuchtet, die er berührt.

1714Light Beam FlareHintergründeEin schmaler Strahl fällt von der Spitze einer dunklen Bühne in einen breiten horizontalen Lichtkegel mit treibendem Dunst und einem Strahl, der sich zum Zeiger hin neigt.