Micro Snippet New

Typing Cursor Effect

Looping typewriter animation for any text element.

Typing Cursor Effect preview
Typing Cursor Effect
$4
Looping typewriter animation for any text element.
๐Ÿ”’Secure checkout via Stripe
๐Ÿ“งYou will receive a download link by email after successful payment
๐Ÿ”„Lifetime updates included
โ†ฉ๏ธ30-day refund policy

This is a digital download. No physical item will be shipped.

By purchasing you agree to our Terms of Service. A 30-day refund is available โ€” see our Refund Policy.

About this product

A minimal, dependency-free typewriter effect that cycles through an array of strings indefinitely. Pass it a DOM element and an array of phrases, and it handles the rest โ€” typing each character, pausing, deleting, and moving to the next string in a continuous loop.

Typing speed, delete speed, and the pause between strings are all configurable via simple options. The blinking cursor is pure CSS, so it respects prefers-reduced-motion without any extra code on your part.

It's ideal for hero sections where you want to cycle through value propositions, job titles, or product names. The API is a single function call: typewriter(element, strings, options). Under 800 bytes minified, zero dependencies.

Features

  • Cycles through multiple strings
  • Configurable type/delete speed
  • Configurable pause
  • CSS blinking cursor
  • < 800 bytes minified

Files included

  • typewriter.js
  • typewriter.min.js
  • demo/index.html
  • README.md
Licence Single-site ยท Personal & commercial use ยท No redistribution or resale