Best jQuery Text Effect Plugins & Tutorials with Demo

jTruncate – Text Truncation for jQuery

jquery text truncation plugin

jTruncate allows you to customize nearly every aspect of the truncation operation. It provides simple yet customizable truncation for text entities in your web page.

Codename Rainbows – A jQuery text effects plugin

jQuery text effects plugin

Codename Rainbows allows you to effortlessly apply gradients, shadows and highlights to text.
The gradient in this plugin is comprised of a series of one-pixel-high slices of text. These slices are arranged vertically. Every slice is a slightly different shade, and when the slices are positioned via CSS the result is a smooth gradient created entirely without images.

Spotlight: jQuery replaceText

jQuery replaceText

Every other week, we’ll take an ultra focused look at an interesting and useful effect, plugin, hack, library or even a nifty technology. We’ll then attempt to either deconstruct the code or create a fun little project with it.

Neon effect with jQuery

Neon effect with jQuery

This plugin apply neon effect to already existed text using CSS3. At current moment here are 3 modes: basic, custom and auto.

Typography Animation using Jquery

jQuery Typography Animation

Today i am here with a cool idea of typography type animation. we will learn what is it, and how to create it with Jquery and CSS. This can be ussed as a typography animation software too. You just have to pass your text as a HASH to convert that as a kinetic typography animation.
In this tutorial we will learn to how to apply jquery animate opacity and more. And at last you will fall in love with it.

jqIsoText: jQuery Text Effect Plugin

jqIsoText is jQuery plugin for displaying your text with pseudo-isometric effect.With this plugin we’re changing size of letters in text. It starts from one font size and increment or decrement to other font size. On that way we’re getting something similar to isometric projection. That can be done for whole block of text or for every word in some text.

jQuery Scroller

With jQuery Scroller you can create easily smart scrolling text, news ticker, or image animations with few lines of code in jQuery!

Some Features:

  • Velocity, horizontal or vertical direction, starting/ending points, finite or infinite loops, move type (‘linear’ or ‘ping pong’)
  • Configure mouseover/mouseout events or control programmatically scrolling functions from an external element
  • Play, pause, resume scrolling animations or set a custom pointer.

jQuery Label Effects

A jQuery plugin that applies highlight and shadow effects to text in a control so as to create a 3d effect.

Gradient text jQuery plugin

Gradient text jQuery plugin

GradientText is an ultra small, easy to use jQuery plugin that will give your standard H1, H2, H3, etc. headers a gradient text color.

FontEffect – jQuery Plugin

FontEffect – JQuery Plugin

Font effect is a jQuery plugin that adds some effect to html text. The available effects are Outline, Shadow, Gradient and Mirror. No images are used for these effects and no additional CSS is necessary.