14 jQuery Typography & Text Effect Plugins for Designers

March 26, 2015
1 Star2 Stars3 Stars4 Stars5 Stars

In this round-up 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.

FlowType.JS

jquery_typography_text_plugins_02

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

jquery_typography_text_plugins_03

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

jquery_typography_text_plugins_04

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

jquery_typography_text_plugins_01

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

jquery_typography_text_plugins_06

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

responsiveText →

TypeButter

jquery_typography_text_plugins_07

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

jquery_typography_text_plugins_08

Hatchshow →

Animated Typography Plugins

Textillate.js

jquery_typography_text_plugins_09

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

jquery_typography_text_plugins_10

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

funnyText.js →

Super Easy Text Rotator

jquery_typography_text_plugins_11

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

jquery_typography_text_plugins_14

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

jquery_typography_text_plugins_17

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

jquery_typography_text_plugins_18

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

CircleType.js →

Bacon

jquery_typography_text_plugins_19

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

Bacon →

jQSlickWrap

jquery_typography_text_plugins_20

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

jQSlickWrap →

Leave a Reply

Your email address will not be published. Required fields are marked *