An Intuitive
Javascript
Typing
Animation Library.
Why Typeinit?
Easy to use
Offers an intuitive and chainable API for ease of use.
Flexible
Customize and adjust the default settings as you wish.
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>