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.


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.


Source + Demo


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


Source Demo

4. jLensMagnify plugin

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


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.


Source Demo

6. slabText

a jQuery plugin for producing big, bold & responsive headlines


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.


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.


Source Demo

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • 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()

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.