Línea 1 · Col. 1
Typewriter sheet input
The paper shifts with every letter like a typewriter carriage, and a little bell rings near the end of the line.
Settings
Code
<div class="uvq06-tw"><div class="win"><div class="pp"><label><span class="sr">Write your letter</span><textarea rows="8" wrap="off" spellcheck="false" placeholder="Write your letter"></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">Line 1 · Col. 1</p></div></div>Prompt for AI
Paste it into ChatGPT, Claude or Cursor and it will adapt the block to your project with these settings, even if you don’t use React.
More in Inputs
See all InputsWhere to use it
A writing field built around the motion of an old typewriter: the text area sits on a sheet of paper that slides left with each character and springs back on Enter. CSS moves the paper from two variables and a few lines of JavaScript follow the caret. It suits letters, journaling apps and nostalgic landing pages.
Change the enamel and paper colors to match your brand, from olive and cream to black and white. Keep lines short, around thirty characters, and pair it with a plain send button so the machine stays the star.