Komponenten entdecken

Ein absolutes Premium-Element mit extremen Mikro-Animationen. Die Wolken morphen durch flüssige Skalierung ihrer Pseudo-Elemente physisch in leuchtende Sterne (und zurück), während sie die Seite wechseln. Die Sonne hat eine weiche, mehrschichtige Corona (Glow), und der Mond rotiert beim Einrasten plastisch ins Bild, wobei tiefe, detaillierte Krater mit inneren Schatten sichtbar werden.

Minimalistischer Schwarz-Weiß Loader mit breitem Punktabstand und sehr flüssiger horizontaler Bewegung.

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

Minimalistischer Premium-Button mit ruhigem Hover-Lift, weicher Innenfläche, feiner Lichtkante und elegantem Press-Effekt.

Fließende Aurora-Bänder mit weichem Verlauf (echtes Svelte).

Ein ultra-hochwertiger, rein auf CSS basierender Schalter im modernen, taktilen "Dark Neumorphism"-Design. Der Fokus liegt extrem auf Mikro-Animationen: Eine federnde `cubic-bezier`-Kurve sorgt für ein physikalisches Einrasten, während sich der Regler beim Gedrückthalten elastisch verformt (Squish-Effekt). Der Status wird zusätzlich durch einen leuchtenden Neon-Indikator hervorgehoben.

Ein futuristischer Toggle-Switch mit starkem Neon-Glow-Effekt. Im inaktiven Zustand leuchtet er rot, beim Aktivieren wechselt er nahtlos zu einem leuchtenden Cyber-Türkis, inklusive leuchtendem Rahmen. Komplett freistehend. Wie gewünscht rein in CSS gelöst – JavaScript wird hierfür nicht benötigt.

Animierter Fortschritts-Ring mit svelte/motion-Tween und kubischem Easing. Klick setzt einen neuen Zielwert — der Ring gleitet butterweich hin.

Like-Button mit Pop-Animation und Zähler — Vue-Reaktivität pur: Zustand, Klasse und Zahl hängen an einem einzigen data-Feld.

Ein Cyber-Neon-Button mit leuchtender Umrandung, pulsierendem Glow und Text-Flackern im Hover-Zustand.

Futuristische CSS-only Ladeanimation mit rotierenden Neon-Ringen, pulsierendem Glow und leuchtendem Kern – ideal für moderne Apps, Dashboards und AI-Tools.

Minimalistischer Orbit-Spinner aus reinem CSS. Respektiert prefers-reduced-motion.

Button mit animierter Verlaufs-Aura — auffällig, aber leichtgewichtig (nur CSS, keine Abhängigkeiten).

Ein hochwertiger interaktiver Premium-Button mit Mouse-Tracking Glow, sanftem Klick-Ripple und moderner Liquid-Orbit-Animation.

Organischer Loader mit 1024 Partikeln: eine Zelle teilt sich in viele kleine Zellen und verschmilzt wieder zu einer.

Minimalistischer Premium-Button mit feiner laufender Kante, sauberem Press-Feedback und elegantem Text-Swap beim Hover.

Hochwertiger minimalistischer Button mit elastischer Füllbewegung, pointerbasiertem Highlight, sauberem Press-Feedback und kurzem Done-State nach Klick.

Premium-Button mit hochwertigem Klickgefühl, pointerbasiertem Licht, echtem Ripple-Feedback, sauberem Press-State und verkaufsreifer Microinteraction.

Hochwertiger minimalistischer Button mit präzisem Press-Feedback, pointerbasiertem Lichtverlauf, sauberem Focus-State und verkaufsreifer Microinteraction.

Minimalistischer Premium-Button mit feinem Text-Slide, Lichtkante, Dot-Microinteraction und elegantem Hover-Lift.

Minimalistischer Premium-Button mit feiner Linie, ruhigem Hover-Effekt und sauberem Focus-State.

Ruhiges Sternenfeld mit funkelnden Punkten (echtes Svelte).

Langsam rotierende Lichtstrahlen aus der Mitte in Marken-Farben.

Zwei organische Blobs, die langsam Form und Position verändern.

Farbverlauf, dessen Winkel kontinuierlich rotiert (React-Animation).

Sanft schwebende Partikel, deren Positionen in React animiert werden.

Punkteraster mit sanftem Radial-Fade zu den Rändern.

Weicher Mehrfarb-Mesh-Verlauf als moderner Hintergrund.

Technisches Raster mit leuchtendem Verlaufs-Schimmer in der Mitte.

Sanft wabernde Aurora aus mehreren Verlaufs-Blobs.

Herz-Umschalter, der beim Aktivieren aufpoppt (echtes Svelte).

Schalter, der beim Umlegen die Szene von Tag auf Nacht wechselt (echtes Svelte).

Mehrfach auswählbare Filter-Chips mit aktivem Verlaufs-Zustand.

Schalter mit Ein/Aus-Text, der den Zustand anzeigt.

Fünf Sterne mit Hover-Vorschau und Klick-Bewertung (React-State).

Umschalter, der zwischen Hell und Dunkel wechselt und die Fläche einfärbt (React-State).

Schalter mit Sonne/Mond-Symbolen für den Theme-Wechsel.

Zwei-Segment-Umschalter im Pillen-Stil.

Runde Checkbox mit Verlaufs-Füllung und Haken.

Klassischer Schalter, der im Ein-Zustand mit Verlauf leuchtet.

Such-Icon, das sich beim Klick zu einem Feld ausdehnt (echtes Svelte).

Feld mit Label, das beim Tippen hochwandert (echtes Svelte).

Vier getrennte Felder für einen Bestätigungscode.

Minimalistisches Feld mit animiertem Verlaufs-Unterstrich beim Fokus.

Eingabe mit Live-Zeichenzähler, der bei Limit rot wird (React-State).

Passwortfeld mit Auge-Button zum Ein-/Ausblenden (React-State).

Mehrzeiliges Feld mit Rahmen und Fokuszustand.

Textfeld mit weichem Verlaufs-Fokusring.

Suchfeld mit Icon und leuchtendem Fokus-Rahmen.

Textfeld, dessen Label beim Fokus nach oben gleitet.

Chat-typische Schreibt-gerade-Punkte in einer Sprechblase (echtes Svelte).

Kern mit auslaufenden Puls-Ringen (echtes Svelte).

Unbestimmter Ladebalken mit gleitendem Verlaufs-Segment.

Punkt, der auf einer Bahn um einen Kern kreist.

Fünf Balken, die als Welle auf- und abschwingen (React-Animation).

Kreis-Fortschritt, der bis 100 % läuft und wieder von vorn beginnt (React).

Conic-Verlaufs-Spinner mit dunklem Kern.

Platzhalter-Skelett mit Schimmer-Animation.

Drei hüpfende Punkte im Verlauf – klassisch und leicht.

Zwei gegenläufige Ringe im Marken-Verlauf.

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.

Button, der beim Klick einen animierten Haken zeigt (echtes Svelte).

Button mit rotierendem Verlaufs-Rahmen (echtes Svelte).

Herz-Button, der beim Aktivieren pulsiert und die Farbe wechselt.

Outline-Button, der sich beim Hover mit Verlauf füllt.

Button, der beim Klick in einen Ladezustand und dann auf Fertig wechselt.

Button mit echtem Material-Ripple-Effekt am Klickpunkt (React-State).

Vollrunder Verlaufs-Button mit sanftem Aufhellen beim Hover.

Dezenter Outline-Button, dessen Pfeil beim Hover nach vorne gleitet.

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

Luxuriöser Premium-Loader mit goldener Orbit-Bewegung, Glas-Tiefe, weicher Lichtbrechung und ruhiger High-End-Animation.

Katzen-Button mit leuchtenden Augen, Pfoten-Details, weicher Schwanz-Animation, Hover-Glow und verspieltem Meow-Effekt.

Eleganter roséfarbener Button mit Herz-Icon, sanftem Glow, Premium-Hover-Effekt und weicher Love-Animation.

Dunkler Premium Vue-Input im Graphite/Terminal-Look mit Command-Shortcut, Signal-Meter, Keyboard-Suggestions, Clear-Button, Submit-Button, Scanline-Fokusanimation und sauberem v-model-Support. Komplett andere Optik als der helle Satin-Input.

Premium Vue Command/Search Input mit animiertem Gradient-Ring, Floating Label, Live-Suggestions, Keyboard-Navigation, Clear-Button, Ladezustand, Statuszeile und sauberem v-model-Support. Funktioniert auch direkt in der Komponenten-Vorschau ohne externe Abhängigkeiten.

Moderner Vue-Input mit Floating Label, Glow-Fokus, Clear-Button und Validierungsstatus

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.

Ein innovativer 3D-Loader ohne Objekt in der Mitte: animierte Tiefenringe, wandernde Signalpunkte und ein holografischer Tunnel-Effekt zeigen intuitiv „Laden / Synchronisieren / Generieren“. Sauber, premium, kein zufälliger Blob.

Ein futuristischer 3D-Loader mit rotierenden Portal-Ringen, Glaskern, Lichtstrahlen und Premium-Dashboard-Look. Perfekt für SaaS, KI-Tools, Uploads, Generierung oder App-Ladezustände.

Ein hochwertiger 3D-Loader mit rotierendem Glaskubus, Orbit-Ringen, Glow-Effekt und sauberem Reduced-Motion-Fallback. Ideal für moderne SaaS-, Dashboard- und Premium-UI-Ladezustände.

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.

Ein hochgradig detaillierter, illustrativer Schalter. Er simuliert einen Tag-Nacht-Zyklus mit Parallax-Effekten. Die Sonne transformiert rotierend in einen Mond (Krater faden fließend ein), während Wolken weich nach unten verschwinden und ein Sternenhimmel aufsteigt. Perfekt abgestimmte `cubic-bezier` Mikro-Animationen für einen extrem hochwertigen, plastischen Look. Komplett in CSS.

Ein breiterer Toggle-Switch mit integrierter "AN" und "AUS" Textanzeige. Der Text blendet geschmeidig über, passend zum Status. Die Logik nutzt Event-Delegation, damit auch dynamisch geladene Toggles sofort ohne Re-Binding funktionieren. Völlig freistehend.

Ein flüssiger, barrierefreier Toggle-Switch basierend auf einer versteckten nativen Checkbox. Bietet Tastatur-Unterstützung (Fokus-Status), einen "Squish"-Effekt beim aktiven Klicken und geschmeidige cubic-bezier Animationen. Völlig freistehend ohne umgebenden Hintergrund.

Ein interaktiver, freistehender Button mit einem weichen Leuchteffekt beim Hovern und einem physischen Klick-Feedback. Er hat keinen eigenen Hintergrund und integriert sich nahtlos in jede Umgebung.

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.

Magnetischer Button mit echter Federphysik: svelte/motion-Spring folgt dem Cursor und schnappt sanft zurück. Zero-Dependency — die Physik bringt Svelte mit.

Material-inspirierter Ripple-Effekt, sauber in Vue gelöst: Jeder Klick spawnt eine Welle an der Cursor-Position, alte Wellen räumen sich selbst auf.

Mehrschichtiger 3D-Button mit physikalischem Drückverhalten, perspektivischer Neigung bei Hover und kinetischem Schichten-Glow. Nutzt CSS transform-style: preserve-3d, gestapelte Box-Shadows für Volumen und eine federartige Aktiv-Animation. Fühlt sich an wie ein echter mechanischer Schalter — ohne 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.

Ein minimalistischer Premium-Button mit dunkler Obsidian-Fläche, warmer Amber/Rose-Gold-Kante, sanftem Hover-Glow und sauberem Fokus-State. Ideal für moderne SaaS-, AI-, Security- und Dashboard-Oberflächen.

Ein cleaner, moderner Button mit subtiler Border, weichem Glow, Hover-Effekt und Fokus-State. Minimalistisch, responsiv und ideal für SaaS-, Dashboard- und Landingpage-UIs.

Ein Button mit rotierendem Verlaufsrahmen aus Violett, Fuchsia und Cyan, der durch die kontinuierliche Drehung Aufmerksamkeit erzeugt und wichtige Call-to-Actions hervorhebt.

Ein Button mit weichem, pulsierendem Neon-Glow in Violett und Fuchsia, der auf dunklem Hintergrund lebendig leuchtet und den Nutzer sanft zur Interaktion einlädt.

Ein Button mit einem eleganten Licht-Reflex, der in regelmäßigen Abständen diagonal über die Cyan-Violett-Fläche gleitet und dem Element eine hochwertige, glänzende Anmutung verleiht.

Ein Button, der bei jedem Klick eine kreisförmige Wellen-Animation vom Klickpunkt aus erzeugt und so ein taktiles, materielles Feedback für den Nutzer liefert.

Ein Ghost-Button, der beim Hovern in einen Violett-Fuchsia-Verlauf übergeht und dessen Pfeil-Icon nach rechts gleitet, um dem Nutzer die Fortsetzung der Aktion zu signalisieren.

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.

Ein Orbit-Spinner im Dark-Theme, bei dem drei leuchtende Punkte auf konzentrischen Bahnen um ein violettes Zentrum kreisen und so einen eleganten Ladeeffekt erzeugen.

Drei springende Punkte in den Elementa-Markenfarben bewegen sich versetzt auf und ab, um einen freundlichen und verspielten Ladezustand im dunklen Design darzustellen.

Ein rotierender Ring mit einem fließenden Verlauf von Violett über Fuchsia zu Cyan erzeugt einen modernen, hochwertigen Ladeindikator vor dunklem Hintergrund.

Fünf vertikale Balken schwingen wie ein Audio-Equalizer in unterschiedlichen Rhythmen auf und ab und signalisieren so aktive Verarbeitung im dunklen Elementa-Look.

Ein Kometen-Spinner zieht einen leuchtenden Schweif um einen sanft pulsierenden Kern und verbindet so Rotation und Puls zu einem auffälligen Ladeeffekt im Dark-Theme.

Ein Eingabefeld mit schwebendem Label, das beim Fokussieren oder bei Eingabe elegant nach oben skaliert. Violetter Fokus-Ring, abgerundete Ecken und ruhige Bewegung im Dark-Theme.

Textfeld mit weichem, mehrschichtigem Leuchten in Fuchsia und Violett beim Fokussieren. Das Glühen lenkt die Aufmerksamkeit dezent auf das aktive Feld im dunklen Layout.

Minimalistisches Feld ohne Rahmen, dessen Unterstrich beim Fokussieren als Verlauf aus Violett, Fuchsia und Cyan von links nach rechts einfährt. Klar und modern im Dark-Theme.

Abgerundetes Suchfeld mit reiner CSS-Lupe als Icon, die beim Fokussieren auf Cyan umfärbt. Das Label ist visuell versteckt, bleibt aber für Screenreader vollständig zugänglich.

Passwortfeld mit umschaltbarem Auge-Button aus reinem CSS, der die Sichtbarkeit des Passworts steuert. Der Button nutzt aria-pressed und wechselnde Labels für volle Barrierefreiheit.

Eleganter Umschalter mit einem lebendigen Marken-Verlauf von Violett über Fuchsia zu Cyan im aktiven Zustand, weichem Glow und vollständig per Tastatur bedienbarer Checkbox.

Klassischer, minimalistischer Schalter im iOS-Stil mit weißem Knopf und sanfter Feder-Animation, der im aktivierten Zustand in der Erfolgsfarbe Grün leuchtet.

Verspielter Tag-Nacht-Umschalter, der einen Mond mit Sternenhimmel in eine leuchtende Sonne vor einem Violett-Cyan-Verlauf verwandelt, komplett in reinem CSS umgesetzt.

Dunkler Umschalter mit Neon-Ästhetik, der im aktiven Zustand einen leuchtenden Cyan-Rahmen sowie einen glimmenden Knopf zeigt und im Fokus violett hervorgehoben wird.

Pillenförmiger Schalter mit sichtbaren Statustexten AN und AUS, der im aktiven Zustand in einem Violett-Fuchsia-Verlauf erstrahlt und barrierefrei bedienbar bleibt.

Ein sanft fließender Aurora-Verlauf aus Violett, Fuchsia und Cyan, der wie Polarlichter über einen dunklen Nachthimmel wandert und dabei GPU-schonend nur Transform und Opacity animiert.

Ein animierter Mesh-Gradient, bei dem mehrere farbige Lichtpunkte in Violett, Fuchsia und Cyan sanft ihre Position wechseln und so einen lebendig morphenden Farbverlauf im Dark-Theme erzeugen.

Ein leuchtendes Neon-Raster mit perspektivischer Tiefe, das im Rhythmus nach oben scrollt und dabei in Cyan und Violett pulsiert, um einen futuristischen Synthwave-Look im Dark-Theme zu erzeugen.

Ein ruhiges Sternenfeld aus reinen CSS-Partikeln, das in mehreren Ebenen langsam nach oben driftet und mit sanft funkelnden Lichtpunkten in Weiß und Cyan eine tiefe Weltraum-Atmosphäre schafft.

Weich leuchtende Gradient-Blobs in Fuchsia, Violett und Erfolgsgrün, die organisch durch den dunklen Raum schweben und dabei ihre Form leicht verändern, um eine beruhigende, moderne Tiefe zu erzeugen.

Ein Button mit rotierender Aurora-Gradient-Border via CSS-Mask und weichem Außen-Glow, der beim Hover intensiver leuchtet.

Ein glänzender Verlaufs-Button mit diagonalem Licht-Sweep, der beim Hover elegant über die Oberfläche gleitet.

Ein haptischer 3D-Button mit farbigem Sockel, der sich beim Klick realistisch nach unten drückt.

Ein Button mit fließend animiertem Farbverlauf und einer Klick-Ripple-Welle, die vom Cursor ausgeht.

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.

Ein flüssiger Spinner aus rotierendem Conic-Gradient mit weichem Glow und ausgestanztem Ring.

Drei verschachtelte Ringe mit Orbit-Kometen, die in unterschiedlichen Geschwindigkeiten und Achsen kreisen.

Ein weicher, morphender Blob mit fließendem Farbverlauf und langsamer Rotation für organische Ladezustände.

Fünf pulsierende Balken im Neon-Verlauf, die wie ein Audio-Equalizer tanzen.

Ein indeterminierter Fortschrittsring mit leuchtendem Kometenschweif und dezentem Track.

Elegantes Eingabefeld mit schwebendem Label und sanftem Violett-Glow beim Fokussieren.

Eingabefeld, das beim Fokus von einem animierten Violett-Fuchsia-Cyan-Gradient-Ring umrahmt wird.

Suchleiste mit animiertem Lupen-Icon, Clear-Button und sanfter Cyan-Aufhellung beim Tippen.

Minimalistisches Feld, dessen Unterstrich beim Fokus als Gradient-Linie von links nach rechts gezeichnet wird.

Sechsstelliges Einmalcode-Feld mit Auto-Fokus, Paste-Support und Gradient-Glow der aktiven Ziffer.

Passwortfeld mit umschaltbarer Sichtbarkeit, Augen-Icon und dynamischer Stärke-Anzeige in Markenfarben.

Ein iOS-inspirierter Schalter mit fließendem Violett-Fuchsia-Gradient und weich gleitendem Knopf.

Ein stimmungsvoller Tag-Nacht-Umschalter, bei dem eine Sonne zum Mond morpht und Sterne erscheinen.

Eine animierte Checkbox mit gezeichnetem Haken und Gradient-Füllung samt sanftem Pop.

Ein Segmented-Control mit gleitendem Gradient-Indikator zwischen drei Optionen.

Ein Herz-Like-Button mit Pop-Burst, Partikeln und mitzählendem Live-Counter.

Ein weich fließendes Aurora-Mesh aus violetten, fuchsia und cyanfarbenen Lichtschwaden auf tiefem Dunkel.

Ein endlos wandernder, seidiger Verlauf, der Violett, Fuchsia und Cyan ineinander fließen lässt.

Ein technisches Perspektiv-Raster mit pulsierendem radialem Lichtschein in Cyan und Violett.

Sanft schwebende, vernetzte Lichtpartikel auf Canvas in Marken-Akzenten für einen edlen Tiefeneffekt.

Ein interaktiver Spotlight, der dem Mauszeiger über ein dezentes Punktraster folgt und die Marken-Akzente enthüllt.

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.

Ein moderner Button mit animiertem Aurora-Gradient, weichem Glow, Hover-Effekt und leichtem Klick-Feedback. Perfekt für Landingpages, AI-Tools, Dashboards und Call-to-Action-Bereiche.

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

React-Button, der dem Cursor folgt. Zero-Dependency (kein Framer Motion) — nur ein State-Hook.

Sanfter Umschalter mit Verlauf. Reines HTML/CSS, tastaturbedienbar.

Weicher, animierter Verlaufs-Hintergrund für Hero-Sektionen. GPU-schonend.