Línea 1 · Col. 1
Schreibmaschinenblatt als Eingabefeld
Das Papier rückt mit jedem Buchstaben weiter wie der Wagen einer Schreibmaschine, und am Zeilenende klingelt die Glocke.
Einstellungen
Code
<div class="uvq06-tw"><div class="win"><div class="pp"><label><span class="sr">Schreib deinen Brief</span><textarea rows="8" wrap="off" spellcheck="false" placeholder="Schreib deinen Brief"></textarea></label></div><span class="gd" aria-hidden="true"></span><span class="bl" aria-hidden="true">ding</span></div><div class="pl" aria-hidden="true"><i class="kn"></i><span class="rl"></span><i class="kn"></i></div><div class="ba"><p class="st">Zeile 1 · Sp. 1</p></div></div>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
Alle ansehen: EingabefelderWofür du ihn nutzen kannst
Ein Schreibfeld rund um die Bewegung einer alten Schreibmaschine: Das Textfeld liegt auf einem Blatt, das mit jedem Zeichen nach links rutscht und bei Enter federnd zurückspringt. CSS verschiebt das Papier über zwei Variablen, ein paar Zeilen JavaScript verfolgen den Cursor. Es passt zu Briefen, Tagebuch-Apps und nostalgischen Landingpages.
Passe Lack- und Papierfarbe an deine Marke an, von Oliv und Creme bis Schwarz und Weiß. Halte die Zeilen kurz, etwa dreißig Zeichen, und kombiniere das Feld mit einem schlichten Senden-Button, damit die Maschine im Mittelpunkt bleibt.