Layout

Spotlight profile grid

Ein 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.

Design guild roster

Sweep the pointer across the wall of contributors to lift their portrait out of the dimmed film; step away and the roster settles back into monochrome.

Roster: 8
Hiring: 3 roles

Spotlight profile grid verwenden

Ein 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.

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: spotlightRadius, columns, damping, 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?

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

2409Reactive bento panelsLayoutEin 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.

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.

2353Fading edge scroll panelLayoutEin Scroll-Bedienfeld, das die native Leiste verbirgt, einen schlanken Daumen nur dann schweben lässt, wenn Sie ihn verwenden, und den Inhalt an der Kante ausblendet, die noch zu erreichen ist.

2357Focus scroll listLayoutEine scrollbare Warteschlange, deren Zeilen in voller Größe und opacity erscheinen, wenn sie die Mitte der Ansicht erreichen, mit Hover und Tastaturauswahl.