Komponenten entdecken

Zitat-Karte, die beim Laden sanft einblendet (echtes Svelte, fly-Transition).

Fortschrittskarte mit animiertem Verlaufsbalken (echtes Svelte).

Benachrichtigungskarte mit Icon, die per Button geschlossen werden kann.

Karte, die sich beim Hover anhebt und einen farbigen Schein bekommt.

Ausklappbare Frage-Antwort-Karte mit sanfter Höhen-Animation (React-State).

Karte, die sich beim Klick in 3D umdreht und die Rückseite zeigt (React-State).

Kompakte Profilkarte mit Avatar, Bio und Aktionsbutton.

Preis-Karte mit hervorgehobenem Plan und Verlaufs-Button.

Statistik-Karte mit leuchtendem Verlaufs-Rahmen.

Glassmorphism-Karte mit Verlaufs-Icon und dezentem Rahmen.

Eine moderne Premium-Card mit Glassmorphism, Glow-Rand, animiertem Licht-Scan, Status-Badge, Metrik und CTA. Perfekt für SaaS-Dashboards, Feature-Cards, Pricing-Highlights oder Component-Libraries.

Eine freistehende Premium-Karte mit einem flüssigen 3D-Neigungseffekt (Tilt). Beim Hovern verfolgt ein sanfter, holografischer Glanz den Mauszeiger. Die inneren Elemente (Icon, Text, Badge) haben eine eigene Z-Achsen-Übersetzung (Parallax), wodurch sie optisch aus der Karte heraustreten. Die JavaScript-Logik nutzt Event-Delegation und CSS-Variablen, sodass beliebig viele Karten dynamisch auf der Seite platziert werden können.

Eine elegante Glassmorphism-Karte mit sanftem Blur-Effekt, feiner Randbeleuchtung und einem dezenten violetten Farbverlauf im Hintergrund.

Eine interaktive Karte, die dem Mauszeiger mit einem weichen Lichtkegel folgt und so ein lebendiges Spotlight-Erlebnis auf dunklem Grund erzeugt.

Eine Karte mit einem umlaufenden, animierten Farbverlaufsrahmen in Violett, Fuchsia und Cyan, der sich sanft und endlos um den Inhalt dreht.

Eine reine CSS-Karte mit räumlichem 3D-Neigungseffekt beim Überfahren, schwebender Ebene und farbigem Schlagschatten für eine plastische Tiefenwirkung.

Eine kompakte Statistik-Karte mit leuchtender Kennzahl, grünem Erfolgs-Trend und einem sanften Neon-Glühen beim Überfahren für Dashboards.

Eine Glassmorphism-Karte mit einem Spotlight-Licht, das dem Mauszeiger folgt und den Rand zum Leuchten bringt.

Eine Karte mit rotierendem, leuchtendem Farbverlauf-Rahmen im Conic-Gradient-Stil.

Eine Produktkarte mit realistischem 3D-Neigungseffekt und schwebendem Glanz, gesteuert per Mausbewegung.

Eine hervorgehobene Preis-Karte mit leuchtendem Glow, Feature-Liste und pulsierendem Call-to-Action.

Eine Bento-Grid-Karte mit mehreren interaktiven Kacheln, Mustern und Hover-Lift für ein modernes Dashboard-Feeling.

Karte mit weichem Rand-Glow beim Hover. Tailwind-Utility-Klassen, sofort einsetzbar.