Typerwriter Pseudo-Matrix-Like Text Effect jQuery Plugin.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


TypeWriter jQuery Plugin

jQuery.TypeWriter.js A Typerwriter Pseudo-Matrix-Like Text Effect jQuery Plugin.

Example: http://typewriter.moro.es

How to use it

Just link to your Webapp the jQuery library and the TypeWriter plugin.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.typewriter.js/jquery.typewriter.min.js"></script>

And use it as it follows:


Where '#jquery-element' is the element where you want to apply the text effect.


You can also use some options and pass them as a parameter to the plugin. These are the defaults:

var defaults = {
	rotatingLetters : 20, // number of rotating letters at the tail of the string.
	speed : 10, // in milliseconds
	chars : 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', // characters used in the rotating letters at the tail of the generated string
	placeholder : '', // ['&nbsp;','_'] // just in case you want to show something to fill the blanks
	placeholder_class : 'placeholder', // classname that gets to style it
	callback : function() {} // function called when it finish

An example of how to use it with some options would be:

	rotatingLetters : 50,
	callback : function() {

Live Example

You can see a live example of the jQuery Plugin in action here: http://typewriter.moro.es