Komponenten entdecken

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

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.

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.

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.

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

Benachrichtigungskarte mit Icon, die per Button geschlossen werden kann.

Kompakte Profilkarte mit Avatar, Bio und Aktionsbutton.

Preis-Karte mit hervorgehobenem Plan und Verlaufs-Button.

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.

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

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.

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.

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.

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

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

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.

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