jQuery Typewriter Plugins for Creating Animated Typing Effects

jQuery Typewriter Plugins allow you to create cool and beautiful typewriter effects for your projects. In this article I have compiled a list of best jQuery typewriter plugins to create animated typing effects. Following plugins are easy to integrate and are bundled with lots of animations and features.

Let’s explore the list.

Read Also —

JavaScript Text Effect Libraries for 2016
Top 13 jQuery News Ticker Plugins

1. Typewriter.js


TypewriterJS is a simple yet powerful native JavaScript plugin for a cool typewriter effect.
Demo & Download

2. Getlorem


getlorem is a library for generating passages of Lorem Ipsum text, suitable for use as placeholder text in documents. This library can also be used as a jQuery plugin.
Demo & Download

3. iTyped


iTyped is a dead simple JavaScript animated typing, with no dependencies. iTyped has a tiny size and easy to use.
Demo & Download

4. TypeIt


TypeIt is a lightweight, scalable jQuery animated typing plugin that types single or multiple strings for you.
Demo & Download

5. Letter by Letter JS


Letter by Letter JS is a lightweight jQuery plugin to present text letter by letter on a HTML page. This text can appear as if was just being typed, or it can fade in more gently.
Demo & Download

6. Type.js


Type.js adds new type properties to your CSS, giving you the control you need for type on the web. You can write these properties in your CSS and they will work like any other property.
Demo & Download

7. TheaterJS


TheaterJS is basically a JavaScript typing effect plugin. Its particularity is to mimic human behavior.
Demo & Download

8. t.js


t.js is a jQuery plugin to create Typewriter effect with nice features and html support.
Demo & Download

9. Typer


Typer is a jQuery plugin for a slick typing effect. There are some options to customize plugin such as typeSpeed, typerInterval, typeDelay, etc.
Demo & Download

10. TypeType


TypeType is a jQuery plugin that simulates a human typing. It can be combined with jQuery animations.
Demo & Download

11. FlowTypeJS


FlowType.JS is a plugin for Responsive Web Typography at its finest: font-size and line-height based on element width. FlowType.JS is changing the font-size—and subsequently the line-height based on a specific element’s width. This allows for a perfect character count per line at any screen width.

FlowType.JS works just fine with Typekit, Cloud.Typography, Google Webfonts and any other services.
Demo & Download

12. Typist


Typist is a jQuery plugin that allows you to animate text as if it were being typed onto the screen. You can add animated typing text to any block element.
Demo & Download

13. TinyTyper


A tiny library for creating a typing effect on specified text element.
Demo & Download

14. Typed.js


It is a jQuery typing animation script; Typed.js is a library that types. Enter in any string, and watch it type at the speed you’ve set, backspace what it’s typed, and begin a new sentence for however many strings you’ve set.
Demo & Download

15. CircleType.js


Circletype.js is a tiny jQuery plugin that lets you set type on a circle. This plugin has several features you can use any font, adjust letter-spacing as usual with CSS, flip it around so it reads counter-clockwise instead, set the radius manually or let CircleType.js figure it out for you. It works in fluid and responsive layouts and plays well with FitText.js.
Demo & Download

Leave a Reply