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

We have also added a few jQuery plugins for animating your text, some plugins for controlling responsive type, and also a bunch of unique plugins that will recreate some fantastic text effects, that can usually only be created using a graphic editor.

FlowType.JS

FlowType.js jquery plugin configure font-size line-height ratios typography

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.

FlowType.JS →

Squishy

Squishy useful plugin automatically resize your text fit exactly container

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.

Squishy →

slabText

slabText plugin create big bold responsive headlines

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.

slabText →

FitText

FitText scalable headlines responsive layouts

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

FitText →

responsiveText

responsiveText scalable headline plugin set font-sizes responsively

responsiveText is a scalable headline plugin that will set font-sizes responsively based on the container width.

responsiveText →

TypeButter

TypeButter set optical kerning font website

TypeButter allows you to set optical kerning for any font on your website. It comes packaged with Arial, Georgia, Helvetica, Times and Verdana, but if you need another font, you can just add your own.

TypeButter →

Hatchshow

Hatchshow jQuery Typography Text Plugins

Hatchshow →

Animated Typography Plugins

Textillate.js

Textillate.js fantastic plugin applying amazing CSS3 animations any block text

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.

Textillate.js →

funnyText.js

ffunnyText.js plugin create funny crazy moving typography

funnyText.js is a plugin that will allow you to create 'funny and crazy moving' typography very easily.

funnyText.js →

Super Easy Text Rotator

Super Easy Text Rotator lightweight plugin add imple rotating text website

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 words inside the <span class="rotate"></span> and separate it with a comma and the script will automatically cycle through each words in order.

Super Easy Text Rotator →

Lettering.js

Lettering.js jQuery plugin complete letter control web type

Lettering.js, similiar in functionality to funnyText.js above, is a jQuery plugin that gives you a complete down-to-the-letter control of your web type.

Lettering.js →

Jumble

Jumble plugin animate jumble colors text headers

Jumble is a plugin that will animate and 'jumble' up the colors of your text headers. Choose a color range and set params for whether the shuffle is based on brightness or satuation hue.

Jumble →

Wrapping Text Plugins

CircleType.js

CircleType.js jQuery plugin setting type circle Typography Text

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

CircleType.js →

Bacon

Bacon plugin wrap text around bezier curve line

Bacon is a plugin that allows you to wrap your text around a bezier curve or a line.

Bacon →

jQSlickWrap

jQSlickWrap plugin easily accurately wrap text around content floated images

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

jQSlickWrap →

Text Effects Plugins

No Vacancy

simple novacancy.js plugin text amazing text neon golden effect

The simple novacancy.js plugin will give your text an amazing text neon golden effect.

No Vacancy →

Sci-Fi Text Effects

Sci-Fi Text Effect gives your text an animated sci-fi style effect

This plugin gives your text an animated sci-fi style effect.

Sci-Fi Text Effects →

Flipping Text

Flipping Text Text Effects jQuery Typography Text Plugins

Flipping Text →

Antiquify.js

Antiquify.js will antiquify your text jQuery Typography Text Plugins

This unique plugin will ‘antiquify’ your text. Randomly applied aberrations makes text look like it came straight off an old, antique printing press.

Antiquify.js →

…and finally…

jQuery Typography Troll

Typography Troll offers an easy way to confuse readers who try to distinguish which of several similar fonts you’re using (like Helvetica and Arial) by randomly assigning a font family to each character in the selected text.

jQuery Typography Troll →

(639 Posts)

Paul Andrew

Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter, Facebook or Google+.

Comments