Karten

Flip reveal card

Eine große Kurskarte, die sich beim Schweben umdreht, um ihre Detailliste anzuzeigen, wobei der Heiligenschein auf der Vorderseite pulsiert, während sie ruht.

Design systems

A living language for consistent product UI.

Design systems

Twelve short lessons on building a component library that scales across teams without losing its voice.

Tokens and primitives
Component API contracts
Theming and dark mode
Versioning and governance

Flip reveal card verwenden

Eine große Kurskarte, die sich beim Schweben umdreht, um ihre Detailliste anzuzeigen, wobei der Heiligenschein auf der Vorderseite pulsiert, während sie ruht.

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: title, flipOnHover, duration, accent

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

1762Anchored site previewKartenEine Hover-Vorschau, deren Seite, Ausrichtung und Versatz eingestellt werden können, mit einem zeigenden Pfeil, der den Anker verfolgt und sich mit ihm dreht, wenn kein Platz mehr ist.

1841Bevel Edge Panel CardKartenEine Karte mit einer inneren Abschrägung von einem Pixel, die den Eindruck erweckt, sie sei in die Seite gedrückt, und einem Rahmenmodus, der gestapelte Unterfelder gruppiert.

1844Bouncing Photo FanKartenEine Reihe überlappender quadratischer Fotokacheln, die mit einer elastischen Überschwingung auftauchen und sich dann gegenseitig zur Seite schieben, wenn man darüber schwebt.

1845Brushed Metal PassKartenEine Zugangskarte, deren Oberfläche aus gebürstetem Metall ein Spiegelband trägt, das mit dem Zeiger schwingt, über einer gewellten, rauschenden Oberfläche und einer feinen Körnung.

1846Card Shuffle StackKartenEin aufgefächerter Stapel von Paneelen, der mit einem Timer abläuft: Das vordere Paneel fällt weg, der Rest tritt nach vorne und das heruntergefallene schwenkt hinten ein.

1768Cursor drift link previewKartenEin Link-Vorschaufenster, das sich dorthin neigt, wo sich der Zeiger auf dem Link befindet, und ihn auf einer weichen Feder nachzieht.