Komponenten entdecken

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

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

Weicher Mehrfarb-Mesh-Verlauf als moderner Hintergrund.

Sanft wabernde Aurora aus mehreren Verlaufs-Blobs.

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

Unbestimmter Ladebalken mit gleitendem Verlaufs-Segment.

Conic-Verlaufs-Spinner mit dunklem Kern.

Statistik-Karte mit leuchtendem Verlaufs-Rahmen.

Button mit rotierendem Verlaufs-Rahmen (echtes Svelte).

Vollrunder Verlaufs-Button mit sanftem Aufhellen beim Hover.

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.

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.

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 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 Karte mit einem umlaufenden, animierten Farbverlaufsrahmen in Violett, Fuchsia und Cyan, der sich sanft und endlos um den Inhalt dreht.

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

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.

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.

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.

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 Button mit fließend animiertem Farbverlauf und einer Klick-Ripple-Welle, die vom Cursor ausgeht.

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

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

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

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

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.

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

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

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

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 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.

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

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