Best jQuery Text Effect Plugins & Tutorials with Demo

TypeWriting.js : JavaScript Library for Typewriter Effect

TypeWriting.js : JavaScript Library for Typewriter Effect

Typewriting js is a javascript library that make the typewriter effect.

Visual Type Scale Calculator with jQuery

Visual Type Scale Calculator with jQuery

Type-scale is a visual type scale calculator.

Long Shadow jQuery Plugin

Long Shadow jQuery Plugin

Easy Text-Shadow with Long Shadow jQuery Plugin.

Highlight.js : Text highlighting plugin for jQuery

Highlight.js : Text highlighting plugin for jQuery

Highlight.js is a text highlighting plugin for jQuery.

Creative SVG Letter Animations

Creative SVG Letter Animations

An experimental plugin for animating SVG letters using Segment. The idea is to animate the path strokes of an interesting display font in a creative way.

Quickfit : jQuery plugin to Fit your Text

Quickfit : jQuery plugin to Fit your Text

jquery-quickfit-plugin is a quick and dirty solution to fit html text into its surrounding container.jQuery-quickfit is for you, if:

  • you want to resize multiple items in a short amount of time
  • you want good performance when you resize an item multiple times (e.g., on window resize)
  • you want to autofit a single line of text

jQuery PrettyTextDiff : Visual Diff of Text

jQuery PrettyTextDiff : Visual Diff of Text

There’s an excellent library from Google, called diff_match_patch that does a really good job of analyzing the text and producing the diffs in a programatic manner. However, it lacks the sauce to visually present it to the user.

So I wrote a jQuery library which is a wrapper around Google’s library and makes it trivial to wow your users.

Change the Words with jQuery

Change the Words with jQuery

Change the words is a jquery plugin to animate the text words in different animations.

ColorDivideJS : Color Divide Char Plugin

ColorDivideJS : Color Divide Char Plugin

ColorDivideJS js a javascript library that divide every letter of the word and give different color to it.

React Text Gradient Effect

React Text Gradient Effect

A React component that creates text gradients with CSS, including a SVG fallback.

  • Uses CSS gradients when possible (Chrome, Safari, iOS, android).
  • Uses SVG as fallback on Firefox.
  • The text remains as fluid text (never replaced with svg).
  • Font size, family, weight, etc… controlled by CSS as normal.


Best jQuery websites design awards