Eingabefeld mit Verlaufsrand
Ein ruhiges Textfeld, dessen Rand beim Tippen mit einem kreisenden, zweifarbigen Verlauf aufleuchtet.
Einstellungen
Code
<label class="uv-ig"><input placeholder="Schreib etwas"></label>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Eingabefelder
Wofür du ihn nutzen kannst
Dieses Eingabefeld mit animiertem Gradient-Rand ist für das eine Feld gedacht, auf das es ankommt: die Prompt-Box eines KI-Tools („Frag einfach“), das E-Mail-Feld einer Launch-Seite oder den Gutscheincode im Checkout. Im Ruhezustand hat es einen dünnen grauen Rahmen. Beim Fokus beginnt ein Verlauf um den Rand zu kreisen, darunter erscheint ein weicher farbiger Schatten.
Die Bewegung läuft nur, solange das Feld aktiv ist, und stört sonst nicht. Trotzdem reicht eins pro Screen. In einem langen Formular mit zehn davon verliert der Effekt seinen Sinn und die Seite wirkt unruhig.