Best jQuery Text Effect Plugins & Tutorials with Demo

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

RV Font Size jQuery Plugin

RV Font Size jQuery Plugin

An easy and flexible jquery plugin to give font size accessibility control.

Features:

  • Create your own controllers html template (increase, decrease and default buttons);
  • Font size settings can be remembered even after page reloads (via localStorage);
  • Create your own font size style for each variation.

jQuery Selection : Selection text/caret operation jQuery plugin

jQuery Selection : Selection text/caret operation jQuery plugin

jQuery.selection is a jQuery plugin that operate selection text/caret.You can get selection text/caret position information or get selected text, replace/insert selected text.

funnyText.js : Create funny and crazy moving Texts with jQuery

funnyText.js : Create funny and crazy moving Texts with jQuery

Create funny and crazy moving texts in a simple way.The plugin to create funny texts effects for your texts. Ideal for titles, it is a great way to give your site a touch of life in a simple and smart way.Easy to apply to different texts in the same page and with different options such as color, size, speed…

jQuery Typist : Animated Text Typing Plugin

jQuery Typist : Animated Text Typing Plugin

jQuery typist is a animated text typing plugin.

Morphing Title with JavaScript

Morphing Title with JavaScript

Morphing Title is a JavaScript application which allows to dynamically create animated title from text-format (JSON) for any content. Unlimited number of titles (including multiline titles) bound to any DOM elements (buttons, href, etc). It can be easily included in any website & Customize (customize inversion (cut out text), letter spacing, line spacing (for multiline titles), scale, padding-x and y, angle, horizontal and vertical-align, fill (color), fill opacity, stroke (color), stroke width and stroke opacity). Compatible with all major browsers (including IE7+, Chrome, Firefox, Safari and Opera). Lightweight – no dependence on jQuery, no need for any images. Easy to place in any other existing javascript application – AMD (Asynchronous Module Definition) format w/ RequireJs.