An Intuitive
Javascript
Typing
Animation Library.

Why Typeinit?

Easy to use

Easy to use

Offers an intuitive and chainable API for ease of use.

Flexible

Flexible

Customize and adjust the default settings as you wish.

SEO-friendly

SEO-friendly

Define strings to type directly in the HTML.

Most popular features of Typeinit

Create an animation
with just three lines of
code

new Typeinit(".element")
  .type("Hello World!")
  .play()

Combine with your
favourite JavaScript
animation library

new Typeinit(".element", {
      onCharTyped: () => {
          gsap.set(".parentEl", {borderColor: getRandomColor})
      }})
  .type("I can work with GSAP 💪")
  .play()

Define the strings to
type directly in your
html

<!-- html -->
<div id="element">Foo Bar Baz</div>

<!-- js -->
<script>
  new Typeinit("#element")
    .play()
</script>