Best jQuery Text Effect Plugins & Tutorials with Demo

    fontFlex : jQuery plugin for Responsive Font Sizes

    fontFlex : jQuery plugin for Responsive Font Sizes

    Lightweight jQuery extension for dynamically changing font sizes according to screen / browser width. Intended to be used with responsive or adaptive CSS layouts.

    Chaffle : jQuery plugin to Shuffle Randomly Character

    Chaffle : jQuery plugin to Shuffle Randomly Character

    Chaffle is a jquery plug-in that allows you to shuffle randomly character.

    Blast.js : Blast Text apart to make it Manipulable

    Blast.js : Blast Text apart to make it Manipulable

    Blast.js separates text in order to facilitate typographic manipulation. It has four delimiters built in: character, word, sentence, and element. Alternatively, Blast can match custom regular expressions and phrases.

    Wodry.js : jQuery plugin for a Text Flipping/Rotating

    Wodry.js : jQuery plugin for a Text Flipping/Rotating

    Wodry.js is a simple jQuery plugin for a text flipping/rotating written in CoffeeScript. It was inspired by the Adjector.js. Wodry.js does the same things but it has new features that allow you to set animation from animations collection, set your own callback on content flipping, etc.

    Chalkboard : Javascript Canvas of Chalkboard

    Chalkboard : Javascript Canvas of Chalkboard

    Fullscreen Javascript canvas implementation of a chalkboard with a realistic chalk effect with touch support.

    Morphext : jQuery Rotating / Carousel plugin for Text Phrases

    Morphext : jQuery Rotating / Carousel plugin for Text Phrases

    A simple jQuery rotating / carousel plugin for text phrases powered by Animate.css and inspired by a Dota 2 hero, Morphling.A jQuery plugin for creating text-based carousels, rotating small or large pieces of text one after the other, just like a slider does with images… This can be a great tool for displaying catch phrases, mission statements, tag lines, and so on.

    jQuery Odometer Text Effect Plugin

    jQuery Odometer Text Effect Plugin

    Playing around with the idea of a flexible text-effects jQuery plugin that detaches elements from the dom, does stuff to them, then reattaches them. Could be used for text transitions.

    The elements are regular divs or spans with text in them. The text effect methods copies them, splits them apart, wraps them up in floating divs, runs its animations, then returns them to their normal place in the dom.

    Adjector.js : A Minimal and Elegant Content Flipper

    Adjector.js : A Minimal and Elegant Content Flipper

    In this tutorial I’ll help you add one such snippet to your own website. Adjector.js is a flexible, minimal and elegant content flipper/rotator which takes only a few minutes to integrate.Adjector.js is a great jQuery plugin which anyone can use and make his/her content talk.

    typetype : jQuery plugin that simulates a Human Typing

    typetype : jQuery plugin that simulates a Human Typing

    typetype is a jQuery plugin that simulates a human typing.

    Canvas Headings : jQuery Animated Text Plugin

    Canvas Headings : jQuery Animated Text Plugin

    With this jQuery plugin you can easily create cool looking headings for your pages!

    Features:

    • Canvas headings with a fallback to default HTML
    • Gradient fill text
    • Image fill text animated and non animated
    • Text shadow/glow
    • Normal and gradient strokes
    • Works with all fonts
    • Rotated text
    • 3D text
    • 3D shadows
    • Distorted text