Komponenten entdecken

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.

Textfeld mit weichem Verlaufs-Fokusring.

Suchfeld mit Icon und leuchtendem Fokus-Rahmen.

Textfeld, dessen Label beim Fokus nach oben gleitet.

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

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.

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