20 Free Brilliant jQuery Typography & Text Effect Plugins

In this collection, we have collected a selection of feature-rich jQuery typography and text effect plugins that will give you more control to precisely position and re-size each letter of your web typography.

Also added a few jQuery plugins for animating your text, some plugins for controlling responsive type.

1.Flipping Text

2.Words Rotator

Words Rotator is a simple text elements rotator plugin. This plugin also allows using CSS3 effects for word rotation. This plugins also allows to stop animation on mouseover, rotate words on click and also provide support for using icons and links for rotation.

 

3.NoVacancy.js

novacancy.js is a text neon golden effect jQuery plugin.

 

4.Airport Like Text Effect

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

 

5. FlowType.JS

FlowType.js lets you configure the font-size and line-height ratios of your typography, helping you improving their overall appeal. You can also specify maximum and minimum width thresholds to control FlowType.js.

6.FitText

Similar in functionality to Squishy above, FitText will allow you to have scalable headlines on your responsive layout that will fill the width of the parent element.

7.Textillate.js

Textillate.js is a fantastic plugin for applying amazing CSS3 animations to any block of text. You will also need lettering.js and animate.css to use this plugin.

 

8.Super Simple Text Rotator

A lightweight jQuery plugin that will allow you to add a super simple rotating text to your website with little to no markup.

 

9.ArcText

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along with a curved path. Arctext.js is a jQuery plugin that lets 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.

 

10.Lettering.js

Is a jQuery plugin that gives you a complete down-to-the-letter control of your web type.

11.slabText

slabText is a plugin that will help you create those big, bold & responsive headlines that seem to be very popular at the moment. The script works by splitting your headlines into rows and then resizing each row to fill the available horizontal space.

 

12. Scrollorama

Scrollorama is a jQuery plugin for creating eye-candy effects in parallel to the scrolling of web pages. By dividing the content into blocks, it simply lets us animate elements on the page (when a block is reached) based on the browser window’s scroll position.

13.Jumble

A jQuery plugin that jumbles up the colors of your text headers, and can also animate them. Choose a color range for the colors to be jumbled amongst, and set params for whether the shuffle is based on brightness or saturation hue.

 

14. jqIsoText

jqIsoText is a plugin for changing the size of letters in the text. It starts with one font size and increment or decrement to another font size. In that way, we’re getting something similar to isometric projection. That can be done for the whole block of text or for every word in some text.

 

15.jQSlickWrap

jQSlickWrap is a plugin for which allows you to easily and accurately wrap your text around the content of floated images.

 

16.CircleType.js

CircleType.js is a plugin for setting type on a circle

 

17.Hatchshow

 

18.Squishy

Squishy is a useful plugin that will automatically resize your text to fit exactly into the container (with no extra work on your part). It comes with a series of options so that you can control the ‘squishiness’: maxSize, minSize, maxWidth, and minWidth.

 

19.Super Easy Text Rotator

Super Easy Text Rotator is a lightweight plugin that will allow you to add a simple rotating text to your website with little to no markup. Put every rotating word inside the <span class=”rotate”></span> and separate it with a comma and the script will automatically cycle through each word in order.

Leave a reply


0 comments

SUBSCRIBE TO OUR NEWSLETTER