Looking for Typewriter text effect? Paragraph animated with realistic typing action, it's a great way to display quotes, announcements and headlines!
Simply add few lines of code and your typography will look alive on the webpages. You can also change color and behavior to fit your needs.
Originally Published Dec 30 2017, updated Jan 20 2022
Table of contents:
jQuery Text Typing Plugins:
animateTyping.js is an easy-to-use jQuery plugin to simulates the typewriter effect that animate the typing and deleting of text within a container element.
Just another typewriter-style text animation plugin that simulates someone typing and deleting over an array of words.
A simple, lightweight, and configurable text rotator plugin that rotates through a series of strings with typewriter-like typing and deleting effects.
Just another terminal-like typing animation plugin for jQuery that makes it possible to prints and rotates through an array of strings character by character.
A super tiny jQuery text animation plugin that applies a configurable human keyboard typing effect to any text you specify.
Vanilla JS Text Typing Animations:
A lightweight yet configurable text animation plugin to make your text appear as if it is being typed on a typewriter or terminal, with a blinking cursor animated with CSS3.
Pure CSS Text Typing Animation:
Just another pure CSS implementation of the text typing animation using pseudo elements and CSS3 animations. Also can be used as a text rotator with a character typing effect.