10 jQuery Text Transformation Plugins

Sam Deering

If you want something to really make your TEXT stand out, maybe a little curved text here, a simple text animation or even dynamically re-size text, today is your lucky day! In this post we have collected 10 simple and easy to use jQuery text transformation plugins and animation effects. Have fun!

Related Posts:

1. Arctext.js

jQuery Plugin Allows Curved Text on Websites.


Arctext.js

Source + Demo

2. 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

Source + Demo

3. JQISOTEXT

Is a jQuery plugin for displaying your text with pseudo-isometric effect. Compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.


JQISOTEXT

Source Demo

4. jLensMagnify plugin

Is a jQuery plugin that attach a magnifying glass to letters of words.


jLensMagnify

Source Demo

5. BigText

The BigText jQuery plugin takes a single element and sizes the text inside of its child

s to fit the width of the parent element. Gives the text that lovely vertical alignment.


BigText

Source Demo

6. slabText

a jQuery plugin for producing big, bold & responsive headlines


slabText

Source + Demo

7. 3D Flying Text in jQuery

Here is a tutorial that will show you how to make 3D flying text in jQuery.


3D Flying Text

Source Demo

8. jQuery Fancy Letter Plugin

Lets you prettify your web page by styling the first letter of any element while keeping the HTML markup clean and readable by both human and machine.


jQuery Fancy Letter

Source Demo

9. FitText

Makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.


FitText

Source Demo

10. Columnizer jQuery Plugin

This will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns.


Columnizer

Source Demo

Win an Annual Membership to Learnable,

SitePoint's Learning Platform

  • http://www.echteinfach.tv/ Echt Einfach TV

    Your source + demo buttons are not in-line? Which looks like a css float error…

    • http://jquery4u.com/ jQuery4u

      Hi Echt, i’ve just updated the style of the buttons, it’s not a float error it’s WordPress trying to be clever and putting in a between links. It’s a pain removing it on all pages! :(

  • Pingback: 5 jQuery Auto Text Fill Resize Plugins | jQuery4u