Komponenten entdecken

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

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

Suchfeld mit Icon und leuchtendem Fokus-Rahmen.

Benachrichtigungskarte mit Icon, die per Button geschlossen werden kann.

Glassmorphism-Karte mit Verlaufs-Icon und dezentem Rahmen.

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

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

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.

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

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