Cargando…
HTML + CSSLoaders
Typewriter carriage loader
A typewriter types the message letter by letter as the carriage moves along, then returns with a line feed.
Settings
16px
1x
Code
<div class="uvq10-typ" role="status"><span class="sr">Loading…</span><div class="vw" aria-hidden="true"><div class="car"><div class="pap"><span class="old"></span><span class="ln"></span></div><i class="rol"></i></div><i class="tb"></i><i class="gd"></i></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 Loaders
See all LoadersWhere to use it
The message is typed one character at a time at an irregular human pace, with a type bar striking each letter and the paper and roller sliding left as on a real machine. At the end the carriage springs back and the line moves up. It suits writing tools, newsletters, editorial sites and AI drafts.
Write the message in the text field; short phrases of up to twenty characters look best. The main color is the ink and the second color tints the type guide under the letter being struck.