Hintergründe

Honeycomb lattice

Eine Wabe aus umrissenen Sechsecken, die einen Behälter kacheln, wobei die gemeinsamen Kanten nur einmal gezeichnet werden, sodass jede Naht ein einziger Haaransatz bleibt.

Sensor mesh

212 hex cells reporting across the apiary

A cell lights for the hour after its sensor checks in.

flat orientation34px radius6 live

Honeycomb lattice verwenden

Eine Wabe aus umrissenen Sechsecken, die einen Behälter kacheln, wobei die gemeinsamen Kanten nur einmal gezeichnet werden, sodass jede Naht ein einziger Haaransatz bleibt.

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: radius, gap, orientation, litCells, accentColor

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

1706Hex cell gridHintergründeEine Wabe aus abgeschnittenen Sechseckzellen, die unter dem Zeiger aufleuchten, dann wieder abkühlen und eine verblassende Spur hinterlassen.

1737Pulsing Dot FieldHintergründeEin gekacheltes Gitter aus winzigen Punkten, das seinen Behälter füllt, wobei jeder einzelne in seinem eigenen, unabhängigen Zyklus heller und dunkler atmet.

1668Blinking grid patternHintergründeEin haarfeine quadratische Gitterstruktur, in der verstreute Zellen nach oben und unten verblassen und jeweils zu einer neuen Zelle springen, wenn ihr Blinzeln endet.

1683Diagonal Hatch FieldHintergründeEin sich wiederholendes Feld aus parallelen, diagonalen Haarlinien, das sich nahtlos über einen Behälter erstreckt und in beide Richtungen geneigt sein kann.

1702Graph paper gridHintergründeEin sich wiederholendes Gitter aus Haarlinien, das sich über den Behälter erstreckt und zu den Rändern hin verblasst, mit einer kleinen Ansammlung von Zellen, die zu einer Akzentfarbe aufleuchten und wieder abfließen.

2222Scrolling tile latticeHintergründeEin endloses, umrissenes Gitter, das in eine Richtung scrollt, die Zellen unter dem Zeiger füllt und sie dahinter ausblenden lässt.