Partikel-Konstellation
Schwebende Punkte, verbunden durch feine Linien, die ausweichen, sobald deine Maus näher kommt.
Einstellungen
Code
<div class="pt-constellation"><canvas></canvas></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Hintergründe
Alle ansehen: HintergründeWofür du ihn nutzen kannst
Verbundene Partikel sagen „Netzwerk“, ohne dass du ein Diagramm zeichnen musst. Sie passen in den Hero einer Datenberatung, zu einem Blockchain-Projekt oder auf die Landingpage einer Community-App. Bewegst du den Cursor, weichen die Punkte in der Nähe aus und verbinden sich mit ihm. Ein interaktiver Partikel-Hintergrund, ähnlich wie particles.js, nur viel schlanker.
Auf dem Handy gibt es kein Hover, dann treiben die Linien einfach für sich, was trotzdem gut aussieht. Übertreib es nicht mit der Dichte: Jeder Punkt misst den Abstand zu allen anderen, und bei vollem Bildschirm merken ältere Laptops das.