Typer.js github

Typer.js is

the typing effect with a pure HTML interface

Quick Start

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

<h1>Typer.js is
  <span class="typer" id="main" data-words="great,fun,lightweight,easy" 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>

2. Link to the Typer.js script immediately after your typer and cursor usage.

<script async src="https://unpkg.com/[email protected]/typer.js"></script>

That's it! Now you have an simple visual hook for your site.

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 async src="https://unpkg.com/[email protected]/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.