Best jQuery Text Effect Plugins & Tutorials with Demo

LetterPic : jQuery plugin that Converts User’s Name to Userpic

LetterPic : jQuery plugin that Converts User's Name to Userpic

LetterPic is a small jQuery plugin that converts user’s name to userpic, using it’s initials.You can replace any html element with initials based userpic (e.g. George Yakovlev -> GA picture). Another way of using, is to replace broken images by letter userpic.

jQuery Bubble Text : Animated Text Effect Plugin

jQuery Bubble Text : Animated Text Effect Plugin

jQuery Bubble Text plugin introduces one animated way of changing text.

Moving Letters Animation Effect with AnimeJs

Moving Letters Animation Effect with AnimeJs

Here is a collection of some beautiful text letter animation effects with anime.js

Limit-Text : jQuery plugin will Truncate Text

Limit-Text : jQuery plugin will Truncate Text

This jQuery plugin will truncate text to a specified number of characters without splitting a word in half.

jQuery Blink Animation Plugin

jQuery Blink Animation Plugin

jQuery plugin to blink animation effect on any html element.

Letter Effects and Interaction Ideas with CSS

Letter Effects and Interaction Ideas with CSS

Today we’d like to share four typography animations with you. Letters are such a great thing to play with and they allow for so many interesting interactions and effects to enhance a design and make decorative headlines stand out. For some animations we use anime.js. Charming.js helps us with the needed structure for the letters. We use some modern CSS properties like CSS Grid and CSS Variables in the demos, so please view them with a capable browser.

jQuery Per Word Action Plugin

jQuery Per Word Action Plugin

A jQuery plugin utility which idempotently wraps every word within an element in a unique span and assigns each word a line-number data attribute. Takes a per-word callback function as an argument.

jQuery Pull Quote Center Plugin

jQuery Pull Quote Center Plugin

A jQuery plugin utility which dynamically inserts a symmetrical pull-quote element clone to enable a hacky float: center between two columns of text.

hrStringColor : Set Color on Seperate Characters in string

hrStringColor : Set Color on Seperate Characters in string

hrStringColor is a jQuery plugin to set color on seperate Characters in string.

Option Details :

  • string – Add Your strings, or it will select value automatically from your selected tag, (don’t put spaces in text)
  • charFrom – Enter the index of character (for ex “5”), from where you want to start.
  • charTo – Enter the index of character (for ex “25”), from where you want to end.
  • color – add your favorite color, with HEX and rgb

iTyped : Dead simple Javascript Animated Typing

iTyped : Dead simple Javascript Animated Typing

iTyped is a dead simple Javascript animated typing, with no dependencies. iTyped has a tiny size and easy to use.