20 Free jQuery Typography & Text Effect Plugins


By

This collection includes a diverse range of feature-rich jQuery typography and text effect plugins designed to help you take your web typography to the next level. With these plugins, you can gain greater control over the positioning and resizing of each letter, enabling you to create unique and visually stunning typography.

In addition to typography control, the collection also features several jQuery plugins for animating your text, controlling responsive type, and recreating some fantastic text effects that are typically only achievable using motion editors.

Whether you’re looking to add subtle typography effects or create complex text animations, these plugins provide a wide range of options to help you achieve your design goals. With their intuitive interfaces and robust feature sets, these jQuery plugins are valuable resources for developers and designers looking to enhance the visual appeal of their web typography.



FlowType.JS

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

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

Squishy

Squishy is a useful plugin that will automatically resize your text to fit precisely 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 useful plugin automatically resize your text fit exactly container

slabText

slabText is a plugin that will help you create those big, bold, and responsive headlines that are very popular at the moment. The script splits your headlines into rows and then resizes each row to fill the available horizontal space.

slabText plugin create big bold responsive headlines

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.

FitText scalable headlines responsive layouts

TypeButter

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 add your own.

TypeButter set optical kerning font website

Hatchshow

Hatchshow jQuery Typography Text Plugins

Animated Typography Plugins

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.

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

funnyText.js

funnyText.js is a plugin that will allow you to create “funny and crazy moving” typography very quickly.

ffunnyText.js plugin create funny crazy moving typography

Lettering.js

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

Lettering.js jQuery plugin complete letter control web type

Jumble

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

Jumble plugin animate jumble colors text headers

Wrapping Text Plugins

CircleType.js

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

CircleType.js jQuery plugin setting type circle Typography Text

jQSlickWrap

jQSlickWrap is a plugin that allows you to quickly and accurately wrap your text around the content of floated images.

jQSlickWrap plugin easily accurately wrap text around content floated images

Text Effects Plugins

No Vacancy

The simple novacancy.js plugin will give your text a fantastic text neon golden effect.

simple novacancy.js plugin text amazing text neon golden effect

Flipping Text

Flipping Text Text Effects jQuery Typography Text Plugins

Antiquify.js

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

Antiquify.js will antiquify your text jQuery Typography Text Plugins

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


Top
This page may contain affiliate links. At no extra cost to you, we may earn a commission from any purchase via the links on our site. You can read our Disclosure Policy at any time.