typeit

TypeIt

The Most Versatile JavaScript Animated Typing Utility on the Planet

Overview

TypeIt is the most versatile JavaScript typewriter effect utility on the planet. With simple yet flexible configuration, it allows you to type single or multiple strings that break lines, delete & replace each other, and it even handles strings that contain HTML.

For more advanced, controlled typing effects, TypeIt comes with companion functions that can be chained to control your typing down to a single character, enabling you to type an dynamic narrative, with complete reign over speed changes, line breaks, deletions, and pauses.

Key Features

• Choose to start typing only when your target element becomes visible on the screen.
• Loop your string(s) continuously.
• Define you strings via an options object or in the HTML (useful in case user doesn't have JavaScript enabled, as well as for SEO).
• Use a single TypeIt instance to target several different elements on a page.
• Handle HTML tags (preserving attributes) with ease.
• Use companion functions to chain individual commands together to fine tune your typing.
• Ready to be included via JS module, or as a separate script loaded on your page.
• No dependencies!

License Options

Using TypeIt for an open source or personal project is completely free. To use it in a commercial project, purchase a single license, or an unlimited license that'll never expire, no matter how many times you use it.

• Personal or Open Source - FREE
• Single Commercial License - Purchase Here
• Extended Commercial License - Purchase Here

Demos

See some more examples and try out the sandbox at https://typeitjs.com.

Documenation

All of TypeIt's documentation can be found at https://typeitjs.com/docs.

Contribute

Please do! The code is available on Github. Check out the CONTRIBUTING.md file to see how to get started.

Need Help?

If you're working with a custom implementation of TypeIt and would like some help, I'm available for hire. Get in touch!

License

GPL-2.0 © Alex MacArthur