Zum Inhalt springen
UI Kit
Accent

Daten-Animationen

Daten, die zwischen Systemen fließen, ein drehender Globus mit Bögen und Pins und Netzwerke, in denen Signale nach außen laufen.

3 Components · 9 Variants
Kategorie wechseln

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

data-flow

Datenfluss

Knoten, verbunden durch Haarlinien, auf denen Lichtpakete laufen, mit einem Ring, wo sie ankommen. Hält außerhalb des Blickfelds an.

Props und Details · Datenfluss

Pipeline

Ein Ablauf von links nach rechts mit Verzweigung. Die Linien zeichnen sich beim Erscheinen, dann starten die Pakete.

Zentrale

Eine Mitte, die mit sechs Diensten spricht, manche in beide Richtungen. Gut für Anbindungen und Abgleich.

Sammeln und berichten

Vier Quellen fließen in einen Speicher, der Bericht und Hinweis speist. Die Reihenfolge der Pakete erzählt den Ablauf.

globe

Globus

Ein Punkte-Globus in echtem CSS-3D mit erfundenem Land, Bögen, die sich zwischen Orten zeichnen, und pulsierenden Pins.

Props und Details · Globus

Bögen

Routen heben sich nacheinander von der Oberfläche, zeichnen sich und verblassen, während sich der Globus in 48 Sekunden einmal dreht.

Pins

Orte mit weichem Puls, versetzt, damit sie nie im Gleichtakt schlagen. Zeig auf den Globus, dann neigt er sich dir zu.

Ruhiger Globus

Nur Punkte, weniger davon und eine langsamere Drehung. Ein ruhiges Bild hinter einer Headline oder einem Kontaktbereich.

network-graph

Netzwerk-Graph

Knoten auf Ringen, verbunden durch Haarlinien. Ein Signal läuft von der Mitte nach außen und lässt jeden Knoten aufleuchten. Zeigen oder Tab zeigt Verbindungen.

Props und Details · Netzwerk-Graph

Menschen

Avatare um eine Mitte, zwei Ringe tief. Die Linien zeichnen sich beim Erscheinen nach außen.

Verbundene Tools

Eine Website in der Mitte und die Tools drumherum als Icons. Innerer und äußerer Ring kennen sich auch.

Community

Dreißig kleine Mitglieder auf dem äußeren Ring, zehn Gastgeber innen. Ruhig genug für den Platz hinter einer Headline.

Ähnliche Components

Mehr aus Visuals, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Daten-Animationen stehen.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert