Creating A Text Typewriter Effect with jQuery TypeOut Plugin

File Size: 10.8KB
Views Total: 4127
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Creating A Text Typewriter Effect with jQuery TypeOut Plugin

TypeOut is a super lightweight jQuery plugin imitates typewriter typing effect for creating animated text that appears like it is being typed like with a typewriter. You can customize the animation delay and marker character in the javascript to suit your own needs.

See also:

Basic Usage:

1. Create the text you want to apply the typing animation on.

<p class='demo1'> is a jQuery plugin website.</p>

2. Include the latest jQuery library and jQuery typeout plugin at the bottom of your document.

<script src=""></script>
<script src="jquery.typeout.js"></script>

3. Call the plugin and you're done.


4. Custom options.


  // the delay between display of characters
  delay : 90, 

  // Maintains HTML within the element
  preserve : false, 

  // the marker that is placed before the typed text
  marker : '_' 

This awesome jQuery plugin is developed by darcyclarke. For more Advanced Usages, please check the demo page or visit the official website.