Layout

Reactive bento panels

Ein Bento-Gitter aus Panels, die auf den Mauszeiger leuchten, sich in 3D neigen, in Richtung des Cursors driften und beim Klicken vor Partikeln und Wellen platzen.

Fleet status

Move the pointer, click a tile

Live

Render throughput

214 frames composited per second across every open canvas.

Edge

Median latency

38ms from pointer event to painted frame, p95 under 90ms.

Now

Active sessions

1,204 visitors exploring a live demo this minute.

Cache

Hit rate

96.4% of requests served from the edge without an origin trip.

Global

Regions online

18 data centers currently accepting traffic tonight.

Health

Uptime

99.98% rolling 30 day availability across the fleet.

Reactive bento panels verwenden

Ein Bento-Gitter aus Panels, die auf den Mauszeiger leuchten, sich in 3D neigen, in Richtung des Cursors driften und beim Klicken vor Partikeln und Wellen platzen.

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: glowColor, spotlightRadius, particleCount, enableTilt

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

1532Masonry flowLayoutEine Mauerwerkswand, die Kacheln unterschiedlicher Höhe in Säulen packt, jede einzelne anhebt, während sie ins Blickfeld gescrollt wird, und das gesamte Raster neu positioniert, wenn sich die Anzahl der Säulen ändert.

2415Ripple Origin GridLayoutEin Gitter aus farbigen Kacheln, die in einer Welle aufleuchten, die von einer ausgewählten Kachel nach außen ausstrahlt, abhängig von der Entfernung zu dieser Kachel.

2438Spotlight profile gridLayoutEin Raster aus Profilkarten, das entsättigt und gedimmt bleibt, mit Ausnahme eines sanften Scheinwerferlichts, das dem Zeiger folgt und die volle Farbe darunter zum Vorschein bringt.

2330Curved Scroll WallLayoutEine horizontal scrollende Wand aus Fotos, die auf einer sanft gekrümmten, gebogenen Ebene gerendert wird und endlos in beide Richtungen scrollt.

2342Drag split panelsLayoutDurch dünne ziehbare Griffe unterteilte Bereiche, die die Größe der angrenzenden Bereiche in Echtzeit ändern, in einer Reihe angeordnet oder gestapelt.

2351Expanding panel galleryLayoutEine Reihe von Abdeckfeldern, bei denen durch Bewegen des Mauszeigers, Klicken oder Drücken der Pfeiltaste auf eines dieses auf die volle Breite erweitert wird, während der Rest in Splitter komprimiert wird.