jQuery Text Effect Plugin & Tutorials with Example

Typed.js : jQuery typing Animation Script

Typed.js : jQuery typing Animation Script

Typed.js is a jQuery plugin that types. Enter in any string, and watch it type at the speed you’ve set, backspace what it’s typed, and begin a new sentence for however many strings you’ve set.

It can be used as a subtle animation on your website, a visual demo of a note taking application, or anything else you can think of.

jQuery TextFX : Plugin for Text Effects

jQuery TextFX : Plugin for Text Effects

Textfx is a handy jquery plugin for awesome text effects. jQuery TextFX is your all in one plug-in for making your text feel good, look good, and animate good.

CurvedText : jQuery plugin for align Text on any Curve

CurvedText : jQuery plugin for align Text on any Curve

CurverText is a jQuery plugin that will align text on any curve.

Foggy : jQuery plugin for blurring Page elements

Foggy : jQuery plugin for blurring Page elements

Foggy is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.

jQuery Flip-Quote

jQuery Flip-Quote

jQuery Flip-Quote creates a pull-quote from a text quote found in the document that flips once it’s scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.

The plugin optimizes CSS 3D transform and other CSS3 properties to give it a 3D depth and perspective. This has been tested on all modern browsers, for IE and older browsers the plugin also has a fallback support.

Hiding Overflowing Text Technique with jQuery & CSS

Hiding Overflowing Text Technique with jQuery & CSS

As web developers, we should build our sites so they accommodate variable lengths of text. You have to be sure that your markup looks just as good with a 50 character username as it does with a 5 character one. In the past, this was only possible by slicing text on the server side, or with JavaScript, but today we can do it only with CSS thanks to properties like max-width and text-overflow.

Typey : jQuery Plugin for Google Font loader and UI library

Typey : jQuery Plugin for Google Font loader and UI library

Typey is an api wrapper for Google Fonts, making it easy to load and show all fonts at once with this jQuery plugin.

Rainbow.js : A jQuery library to manage Gradients Easily

Rainbow.js : A jQuery library to manage Gradients Easily

Rainbow.js is a small jQuery library that will allow you to create css gradients, with HTML only.

Capital Letter : jQuery plugin for creating awesome Capital Letters

Capital Letter : jQuery plugin for creating awesome Capital Letters

A simple, lightweight jQuery plugin for creating awesome Capital Letters.

jQuery Collapser : jQuery plugin for Collapsing an Element Text

jQuery Collapser : jQuery plugin for Collapsing an Element Text

Collapser is a small and useful jQuery plugin for collapsing/truncating an element text by words, characters and lines with a flexible API. It is an all in one plugin with multiple functionalities to truncate a paragraph or any element as desired.

Features:

  • Four modes of operation
    • Truncate text by characters
    • Truncate text by words
    • Truncate text by lines
    • Show/hide element
  • HTML content present in the elements are preserved during the operation.
  • Simple and flexible API for using in varied applications.
  • Display remaining string count in the show/hide button.
  • No complicated syntax or alterations required, can be used readily.
  • Light weight only 4KB after minification.
  • Works in all browsers. Tested till IE 7 and it works !


Best jQuery websites design awards