Typer.js github

Typer.js is

the typing effect with a pure HTML interface

Quick Start

1. Download the Typer.js file. It's only 3KB!

2. Place a link to the Typer.js script at the bottom of your file.

<script src="typer.js"></script>

3. Place a typer and cursor into your file, like this:

<h1>Typer.js is
  <span class="typer" id="main" data-words="great,fun,lightweight,easy" data-colors="white" data-delay="100" data-deleteDelay="1000"></span>
  <span class="cursor" data-owner="main"></span>
</h1>
<p>the typing effect with a pure HTML interface</p>

Carlos Flores

"My life is 1,000 times better now that I have Typer.js-- Thank you!"

Big Daddy Kane

"I'm the authentic poet to get lyrical; For you to beat me, it's gonna take Typer.js"


Barack Obama

"Typer.js has allowed access to health care for over 7 million Americans."

Dwight Schrute

"Fact. Schrute Farms beet production is at a record high now that we use Typer.js."

a document with a check

Easy to Use

Using Typer.js is easy. Include the small javascript file by placing <script src='typer.js'></script> at the bottom of your HTML file.

a book

It's Good Style

A pure HTML interface is important for readability. With Typer.js, you'll never have to open a javascript file to change the attributes or words of the typing effect. The words used appear right along the rest of your HTML, like they should.