Komponenten entdecken

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

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

Textfeld, dessen Label beim Fokus nach oben gleitet.

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

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.

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

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