Typewriter Effects Made Easy
TypeIt is the most versatile jQuery typewriter effect plugin on the planet. In its simplest use, it allows you to type single or multiple strings that break lines, delete & replace each other, and it even handles HTML tags & entities.
For more advanced, controlled typing effects, TypeIt comes with companion functions that can be chained to tweak your typing down to the smallest character, enabling you to type not just a few strings of text, but an entire narrative, with complete control over speed, characters, line breaks, deletions, pauses, everything.
The code is out there to check out and use for any personal project, 100% free. But if you're thinking about using TypeIt commercially, check out the license options below that'll get you full support if it's ever needed.
Easy Installation Steps
Load jQuery & TypeIt on Your Page
Select an element, call typeIt(), and define your options.
Just select an empty HTML element, pass in your options, and you're ready for typing effects like this.
Type a simple, single string.Rerun
strings: 'This is a simple string.',
Type multiple strings that replace each other.Rerun
strings: ["This is a great string.", "But here is a better one."],
Type multiple strings that break to new lines.Rerun
strings: ["This is a great string.", "And here we have another great string.."],
If you want to control every character of your strings, a series of companion functions are built right into TypeIt. You'll be able to do things like partially delete strings, change speed on the fly, break lines whenever you like, and more.
Don't just type a few strings. Create an entire, dynamic narrative.Rerun
.tiType('I guess I\'m typing..')
.tiType(' but I don\'t really know what to say')
.tiType('IS THAT SO <strong>WRONG??</strong>');