Materia
Objetos digitales con tacto, ritmo y una identidad propia.
HTML + CSSKarten
Karte mit Aura
Ein weicher Lichtschein folgt der Maus durch die Karte, und der Pfeil im Button rückt beim Hovern etwas vor.
Einstellungen
16px
1x
Code
<article class="uv-ca"><i></i><small>COLECCIÓN 04</small><h3>Materie</h3><p>Digitale Objekte mit Haptik, Rhythmus und eigenem Charakter.</p><button>Entdecken <b>↗</b></button></article>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Karten
Wofür du ihn nutzen kannst
Am besten wirkt sie in dunklen, eher leeren Layouts, in denen ein wenig Licht den Blick lenkt: die neue Kollektion einer Keramikmarke oder das Vorzeigeprojekt im Portfolio eines Studios. Die Karte mit Glow-Effekt am Cursor basiert auf HTML und CSS, dazu kommen ein paar Zeilen JavaScript, die der Maus folgen.
Ein oder zwei davon pro Seite reichen; ein ganzes Raster voller leuchtender Karten wirkt schnell wie eine Lichtshow. Wähl die erste Farbe mit Bedacht, denn der Schein übernimmt ihren Ton. Auf Touchscreens gibt es kein Hovern, dort bleibt das Licht in seiner Ecke.