15 Uniquely Cool jQuery Text Effects Plugins

jQuery is the most popular JavaScript library and many sites adopt it for dynamic effects and Ajax functionality. jQuery is free, open source software, dual-licensed under the MIT License or the GNU General Public License, Version 2. jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications.

Here, we have collected some best jQuery text effects plugin. we hope you will enjoy this wonderful showcase. Feel free to share your opinion with us and let us know which one is your favorite.

jQuery Label Effects

A jQuery plugin that applies highlight and shadow effects to text in a control.

jQuery Label Effects
jQuery Label Effects

jQuery Glow

A nice rollover effect, the letters transition to various colors of your choosing. This can be nice for navigation bars or other elements you want you users to interact with.

jQuery Glow
jQuery Glow

jFontSize

The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc.

jFontSize
jFontSize

Textgrad – A jQuery Text Gradient Plugin

This simple, yet effective adds a basic gradient effect to text. It contains four functions appliable to a selection, they are: spanize, unspanize, textgrad and textscan.

Textgrad – A jQuery Text Gradient Plugin
Textgrad – A jQuery Text Gradient Plugin

Fit Text

Here we have a slick effect for auto-​​sizing the text to fit the screen size of the user’s screen. Designed for titles and headers, this will scale your text to the size of the parent element. This makes your titles and headers dynamic and fluid. Don’t try to use this for paragraph text, though.

FitText
FitText

Airport Text Effect Plugin for jQuery

Airport is a rather simple text effect plugin for jQuery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.

Airport Text Effect Plugin for jQuery
Airport Text Effect Plugin for jQuery

Text-shadow in IE with jQuery

Most of major browsers support text-shadow, yes, you guessed it, IE doesn’t. This handy jQuery plugin helps you get around that. A handy little thing of Internet Explorer is that it gives you access to CSS declarations it does not understand, so this plugin simply requests the text-shadow value of a given element and processes that.

Text-shadow in IE with jQuery
Text-shadow in IE with jQuery

jQuery Approach

Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. This plugin is not strictly limited to text effects, it can also be used for images.

jQuery Approach
jQuery Approach

3D Flying Text in jQuery

It’s just a matter of time before some creates a jQuery plug-in much like Papervision for Flash.  Until then the 3D experiments in jQuery continue.

3D Flying Text in jQuery
3D Flying Text in jQuery

Arctext.js – Curving Text With Css3 and jQuery

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Arctext
Arctext

In this article you can read about a simple UX trick that can be easily implemented into your web sites. With a few lines of jQuery it will make your text links fade to another color on rollover. This useful effect has been tested in FF, IE7 and Opera on Win and FF, Safari on Mac.

Fading color effect for inline text links using jQuery
Fading color effect for inline text links using jQuery

Simple jQuery Text Resizer

The idea of this plugin is very simple: you click on the text size you want, and a class is added to the body to indicate which size the user has selected. Then, it will take advantage of that body class when you are writing your CSS to size the different elements appropriately.

Simple jQuery Text Resizer
Simple jQuery Text Resizer

JQISO Text

jqIsoText is jQuery plugin for displaying your text with pseudo-isometric effect.

JQISO Text
JQISO Text

Lettering.js

Letteringjs isn’t a plugin you implement and walk away from. It simply makes creating amazing CSS-​​based typography all the more easy by breaking your text into chunks which can then be styled in CSS.

Lettering js
Lettering js

 jQuery Grab Bag – Text Effects Plugin

This plugin offers a wide array of text effects, they include Scrambled Writer, Unscramble, Rot-13 and a Typewriter effect.

jQuery Grab Bag
jQuery Grab Bag

2 thoughts on “15 Uniquely Cool jQuery Text Effects Plugins

Comments are closed.