Komponenten entdecken

Premium Chat-Typing-Loader mit Glas-Effekt, Glow und weicher Dot-Animation.

Glassmorphism-Karte mit Verlaufs-Icon und dezentem Rahmen.

Premium Eclipse-Loader mit schwebendem Glas-Kern, dunkler Tiefe, feinem Lichtkranz und ruhiger High-End-Orbit-Animation.

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.

Ein High-End Infinity-Loader mit präziser Zeitchoreografie: flüssiger Lichtimpuls, Micro-Pauses an den Kreuzungspunkten, nachlaufende Trails und ein luxuriöser Dark-Glass-Look. Ohne Mittelobjekt — die Bewegung selbst ist das Highlight.

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.

Vereint Liquid Glassmorphism, Aurora-Farbverläufe, 3D-Spatial-Tiefe und kinetische Typografie. Nutzt backdrop-filter für Lichtbrechung, conic-gradient mit @property für flüssige Nordlicht-Animation, perspektivische Neigung bei Hover und spekulare Highlights. Der Text pulsiert subtil, der Button schwebt in 3 Ebenen und wirft einen adaptiven Schatten. Dunkelmodus-First, barrierefrei, kein JavaScript.

Mehrschichtiger 3D-Glassmorphism-Button mit perspektivischer Neigung, flüssigem Aurora-Hintergrund durch die Glass-Schicht und kinetischem Reflexions-Glow. Nutzt gestapelte transform-Ebenen für echte Tiefe, backdrop-filter für Lichtbrechung und CSS-Variablen für physikbasierte Hover-Animationen. Dunkelmodus-First, kein JavaScript.

Premium Call-to-Action Button mit fließendem Aurora-Farbverlauf, Glas-Effekt und physikbasierter Feder-Animation bei Hover. Nutzt CSS @property für flüssige Farbübergänge, backdrop-filter für echte Tiefenwahrnehmung und einen kinetischen Leuchtschatten, der auf Interaktion reagiert. Dunkelmodus-First, vollständig skalierbar, kein JavaScript nötig.

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

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

Ein futuristischer Premium-Button mit Glassmorphism, animiertem Neon-Rand, weichem Glow, Shine-Effekt und optionalem Magnetic-Hover-Ripple. Ideal für AI-Tools, SaaS-Landingpages, Dashboards und moderne Call-to-Action-Bereiche.

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